Site logo

Archived topic

Header not fitting container

3 replies · Started by Geoff on April 7, 2022

Viewing posts 1–4 of 4

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. :)

This archived topic is closed to new replies.