Hi jdaniel,
What hook are you using. That theme does not use wrap as you discovered, but if you place the image after the header, it may work for you. You want to make sure the header image is not output inside the site-inner div. I would try the genesis-after-header hook with a low priority.
Let me know if that helps…
Ahh… genesis_after_header – and it works. Awesome! Thanks!! (I changed it before, so my mistake.)
But still… if I have a 1800px header image – how can I show it full width? (Now it’s only exactly 1800px displayed so with 1920px screen there is a small white space left and right (or only right).
You need to apply CSS. Without seeing a live example I am only guessing here, but you need to add width:100% to both the image itself and the container divs that it is in. Adding this to the container divs is the most important because it forces the divs to cover the whole page. Then adding width:100% to the image will make it fill the div that it is in.
Hm, it already works – until the size of the image (1800px). After that it’s white space.
Even this won’t have any effect:
.gch-header-image, .gch-header-inner, .gch-header, ..gch-header-image-inner {
width: 100% !important;
}
Not sure if this is just a copy and paste error but there are two dots “..” before gch-header-image-inner. If this is in your actual code, you will need to fix that. If not, I can install the theme on my test site later this evening and test this out.
Sorry, was just a typo error here. On my site it doesn’t change anything.
That would be great if you can check this out this evening.
Hi jdaniel,
I had some time, so I installed a clean version of Workstation Pro and added a full width header to the page. The only CSS I needed to add was:
.gch-header-image-inner,
.gch-header-image-inner img {
width: 100%;
}
I did turn off wrap, but that was it. There must be some other CSS that is conflicting with this. Is there no way to provide me with a link to what you have so far? I should be able to diagnose the issue pretty quickly.
.gch-header-image-inner img – NOW IT WORKS.
I did not use img. Thanks!
