Hi arnaud202, looks like there is a bug in the theme and the header image is not displaying correctly on browsers less than 1200px. I’m working on a fix that should be available to download in a few days.
thank you for keep going the good work !
If you update to version 1.0.8 of the theme this issue should be resolved.
Same problem on 1.0.8, image header is only well displayed when my browser windows is at 1200 px. The height of the image slides under the menu.
Hi, I have a problem with the header: everything is ok on laptops but there is a big issue in cellphones. The header image is cut off, it’s impossible to see the left part of it.
Any tips?
annabi.fr
UPDATE: Just as I said my CSS hacking couldn’t fix this, I fixed it. It’s not the ideal fix, as it overrides the uploaded image using the theme’s UI, but it is functional. I’m sure some additional work could make this more elegant.
in style.css, add the following:
header {
background-image: url(http://imageURLhere);
background-repeat: no-repeat;
background-size: cover;
}
Then in header.php, comment out the following line:
<img id=”header-img” src=”<?php header_image(); ?>” alt=”” />
—
Hi,
I’m on v1.0.8 of the theme, and the header image does not properly resize when in smaller screen sizes (specifically mobile-sized). It extends beyond the container and breaks the layout of the whole site.
Eager to get this fixed, as I love the theme overall.
Let me know what I can do to fix this; i’m pretty fluent in CSS, but my hacking has yet to come up with a solution.
And actually, here’s a better solution that allows you to use the built in theme uploader and cropper:
modify header.php as such:
<header class=””
style=”
background-image: url(<?php header_image(); ?>);
background-repeat: no-repeat;
background-size: cover;
“
>
and comment out the following line:
<img id=”header-img” src=”<?php header_image(); ?>” alt=”” />
