Hi there! I am using the Metro theme and I uploaded a header image and it works perfectly on my PC.
It is positioned perfectly, but the uploader calls for a 1080×87 pixel image which means it doesn’t seem to work right on mobile devices because the logo has a bunch of white space on the right to upload properly. My logo is actually 635×87 pixels but when I try to upload that size image, it wants me to crop it proportionally to the 1080×87.
I know I can use the responsive header plugin to change the size based upon the device, but the 1080×87 sized logo has a bunch of white on the right side so it will never view correctly.
I’m not sure I am making much sense…
This is the 1080×87 logo that doesn’t require me to crop it. It appears perfectly on the PC but has all that white space on the right.
This is the 635×87 logo that gets cropped in order to be uploaded, and then it will stretch to 1080 wide.
What I want is it to display like it is using the 1080×87 logo but be able to center when viewed on mobile, like the original Metro demo does.
Here is the url I am using:
I feel like I am missing something simple but I just can’t figure it out.
Thanks so much!
I think I figured this out.
In the functions.php I found:
// Add support for custom header
add_theme_support( ‘genesis-custom-header’, array(
‘flex-height’ => true,
‘height’ => 87,
‘width’ => 1080
I ended up changing how I wanted the logo but that seems to be why I was having trouble. I just wanted to share that in case anyone else has similar issues.
Maybe I’m a bit confused but what did you change to make a custom header work? I’m having the same issue with the header not appearing on mobile devices correctly.
To get it to appear on mobile devices correctly I used the: “Genesis Responsive Header” plugin.
The topic ‘Metro Theme Header Image and Responsiveness’ is closed to new replies.
Are you a blogger, web designer, developer, or website owner looking to generate more income?
Promote products for the largest and fastest growing online website platform as part of our affiliate program.