- This topic has 3 replies, 2 voices, and was last updated 6 years, 1 month ago by Andrew Misplon.
Tagged: full width header
- AuthorPosts
- August 13, 2018 at 2:21 pm #10299
JoeParticipantI 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
August 13, 2018 at 2:58 pm #10300
Andrew MisplonKeymasterHi Joe
Try adding the following to
Customize > Additional CSS
:.site-header .polestar-container { max-width: none; padding: 0; }
August 13, 2018 at 3:57 pm #10301
JoeParticipantThanks! That worked perfectly!
August 13, 2018 at 4:50 pm #10302
Andrew MisplonKeymasterSuper, glad that helped. All the best 🙂
- AuthorPosts
You must be logged in to reply to this topic.