Archived topic
Header not fitting container
3 replies · Started by Geoff on April 7, 2022
Hi,
I've got the container on this website set to 995 pixels, but the header is not limited to that space (running the full width of the browser):
https://dev.deborahsalemsmith.com/
Can you let me know which CSS to use?
Thanks for your help,
Geoff
Hi Geoff,
The inner Header is Contained at 995px. It just looks that it’s stretched full width because of the background color of the Header’s parent container.
See: https://share.getcloudapp.com/7KuQQzAR
If you set this color in Appearance > Customize > Colors > Header > Background to transparent, you’ll see how it looks: https://share.getcloudapp.com/KouAA9J4
Once you’ve made that transparent, you can add this CSS to make sure that the background color of the inner container of the Header is white:
.inside-header.grid-container {
background-color:#fff;
}
Add this in Appearance > Customize > Additional CSS.
Hope this helps! Kindly let us know how it goes. :)
Thanks so much! I appreciate your help. -- Geoff
You’re welcome Geoff! Glad to be of assistance! Feel free to reach out anytime you’ll need assistance with anything else. :)