ysuelvis

It is my CSS code.

/*
Theme Name: twentyseventeen-child
template: twentyseventeen
*/
.page-wrap { padding-bottom: 0; }
.page .page-wrap .content-wrapper, .single .page-wrap .content-wrapper { padding-bottom: 0; }
.content-area .hentry { padding-bottom: 0; }
.entry-footer { margin-top: 0; }
/*
@media screen and (max-width: 1280px) {
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe,
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
height: auto;
left: 0;
max-width: 100%;
min-height: 0;
-o-object-fit: unset;
object-fit: unset;
position: static;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
}
}

@media screen and (max-width: 1024px) {
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe,
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
height: auto;
left: 0;
max-width: 100%;
min-height: 0;
-o-object-fit: unset;
object-fit: unset;
position: static;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
}
}

@media screen and (max-width: 768px) {
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe,
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
height: auto;
left: 0;
max-width: 100%;
min-height: 0;
-o-object-fit: unset;
object-fit: unset;
position: static;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
}
}

@media screen and (max-width: 480px) {
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe,
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
height: auto;
left: 0;
max-width: 100%;
min-height: 0;
-o-object-fit: unset;
object-fit: unset;
position: static;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
}
}
.custom-header-media:before {
background: none;
}
*/
@media screen and (max-width: 480px) {
.site-branding {
left: -999em;
position: absolute;
}
}
@media screen and (max-width: 480px) {
.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding,
.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header { height: auto;
left: 0;right: 0;
top: 0;
max-width: 100%;
min-height: 0;
-o-object-fit: unset;
object-fit: unset;
position: static;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
}

.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding,
.custom-header-media,
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
position: static;
}

.custom-header-media:before {
background: none;
}

body.has-header-image .site-description,
body.has-header-video .site-description, /*{
color: #fff;
opacity: 0;
}*/

.site-branding .wrap {
padding: 0 1em;
}
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media {
height: auto;
left: 0;
right: 0;
top: 0;
}

Thank you very much.
It works well.
Site identity is gone.
However
The header image is gone.

Apparently
There is a problem with my code.

Help me.

Hello.

The site I am creating is local.

So

Link the address of my other site using the same theme.

https://siyun2012.wordpress.com/

I do not know how to make your suggestions.

This is the night.

I am going home and sleeping.

I appreciate your kindness once more.

On the other side of the earth …

I can not solve the problem.

It may not be able to solve the problem.

But,

To your action to support my problem

I deeply appreciate it.

My website is local.

I will attach a screenshot.

Thank you very much.

https://drive.google.com/open?id=16MmDAXjYdNQuna-aJbTdiza4tcHVsbtm

Thank you for your answer.

I have no programmer.

Debugging can not be performed.

This is the contents of index.php file of this plugin.

/*
<?php
/*
Plugin Name: Unique Headers
Plugin URI: https://geek.hellyer.kiwi/plugins/unique-headers/
Description: Unique Headers
Version: 1.7.11
Author: Ryan Hellyer
Author URI: https://geek.hellyer.kiwi/
Text Domain: unique-headers
License: GPL2

------------------------------------------------------------------------
Copyright Ryan Hellyer

This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA

*/

/**
 * Do not continue processing since file was called directly
 * 
 * @since 1.0
 * @author Ryan Hellyer <[email protected]>
 */
if ( ! defined( 'ABSPATH' ) ) {
	die( 'Eh! What you doin in here?' );
}

/**
 * Autoload the classes.
 * Includes the classes, and automatically instantiates them via spl_autoload_register().
 *
 * @param  string  $class  The class being instantiated
 */
function autoload_unique_headers( $class ) {

	// Bail out if not loading a Media Manager class
	if ( 'Unique_Headers_' != substr( $class, 0, 15 ) ) {
		return;
	}

	// Convert from the class name, to the classes file name
	$file_data = strtolower( $class );
	$file_data = str_replace( '_', '-', $file_data );
	$file_name = 'class-' . $file_data . '.php';

	// Get the classes file path
	$dir = dirname( __FILE__ );
	$path = $dir . '/inc/' . $file_name;

	// Include the class (spl_autoload_register will automatically instantiate it for us)
	require( $path );
}
spl_autoload_register( 'autoload_unique_headers' );

new Unique_Headers_Instantiate;
*/

I think that it will be helpful.

The way I can do is here.

Thank you very much.

• This reply was modified 7 years, 3 months ago by Andrew Nevins.

I appreciate your answer.

Disabling this plugin will work fine.

Existing header images are not truncated on mobile

The entire image is displayed.

But,

When using the plugin, the header image is truncated.

I would like to use a different header image for each page with this plugin.

Help me.

Hello.
I appreciate the detailed answers.
This plugin is very good.
Unfortunately, I only put it on the left side of the sidebar.
Thank you again for your quick answers.