[Resolved] Header not fitting container

[Geoff]

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

[Fernando]

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. 🙂

[Geoff]

Thanks so much! I appreciate your help. — Geoff

[Fernando]

You’re welcome Geoff! Glad to be of assistance! Feel free to reach out anytime you’ll need assistance with anything else. 🙂

[Author]

Posts