Archived topic
Header width won't fill area
9 replies · Started by Joe on March 28, 2021
Hi, I have been trying to make my header image fill the whole area without success. The header image I am using is 1400 x 400. What size should I be creating in order to get it to fit properly. Header width and inner header width set to full and centered, Getting white space down both edges which I want to remove. Disabled plugins which did not make a difference. Thanks.
Hi there,
you can force the image to fill the space with some CSS:
.site-header .site-logo .header-image {
width: 100vw !important;
max-width: unset;
}Thanks David. Never performed any CSS in a page before. Wher should I go to add this code. I'm using the paid version of GeneratePress with the Child theme. Should I go into the Theme Editor, Theme Functions. If so where does the code go. Can you provide an example?
Go to Customizer > Additional CSS and paste the code in there.
Thanks Dave. That done the job.
Glad to hear that!
Hi there
I have a similar problem but the CSS code you provided does not work for me.
- however, it does make the LOGO immediately go to 100% but not the background image! :-)
I'm using the SERVICE theme from the Site Library on http://www.theseoguy.co.nz
The background image is currently 1920x900px
Container is set to Full, as is Inner Container
Image size: full
Size = cover
I've read all the related Topics, and after hours of trying not to accept defeat, I'm finally forced to ask for help on this. :-)
Kind regards
Ben
Hi Ben,
Can you open up a new topic for this? So you can use the private information text field to provide the site details. We may need it to inspect your site. :D
Thanks for the fast reply. Done as suggested...
Thanks
Ben
No problem. We'll make sure it gets answered within 24hrs. Thank you.
