Need a full width header

Joe Aug 13, 2018 · 2:21 pm #10299

I am working for a client that already is using the free version of this theme, and she had me design a new logo and header. I need the header to be the full width of a browser, and the image I have is set at 1920px x 253 px, but the image always seems to shrink down, leaving white space on either side. It initially left white space on the top too, but I corrected that by changing the top padding. I added this css in:

.site-content {
overflow-x: hidden !important;
}

but that didn’t help…here’s a preview link of what I’m seeing:

http://thecountofmanystitches.com/?customize_changeset_uuid=9f082282-6df2-44a8-aa32-3f05e6dd78e9

Andrew Misplon Puro Aug 13, 2018 · 2:58 pm #10300

Hi Joe

Try adding the following to Customize > Additional CSS:

.site-header .polestar-container {
	max-width: none;
	padding: 0;
}

Joe Aug 13, 2018 · 3:57 pm #10301

Thanks! That worked perfectly!

Andrew Misplon Puro Aug 13, 2018 · 4:50 pm #10302

Super, glad that helped. All the best 🙂

4 posts

Need a full width header

Sign in to reply