Shrinking nav bar

Support
#1

Hi Team X,

A little help with some nav bar setting please. The site is set to be in a container and the header and nav bar are one color and at the start of the page it goes from left to right on the container and looks like it should. The trouble is when we scroll down (when the browser window smaller then the container) the header/nav bar shrink on either side and do not cover the entire container width. Is there a setting to ensure they both are always visible for the entire width of the site container?

#2

Hi @DeeDesign,

The reason behind the problem you are experiencing is that there is a custom CSS code causing the navbar to take up only 90% of the screen in the sticky mode. The code is this:

.x-navbar.x-navbar-fixed-top.x-container.max.width {
    width: 90%;
    max-width: 1120px;
}

Please go to X > Theme Options > CSS and check if you added the custom code there. You either need to remove that custom code or change the 90% to 100%.

Thank you.

#3

Thank you Christopher - I couldn’t find the code in that section - but I added it with the 100% edit and that did the trick - thank you :slight_smile:

#4

Glad that we could be of help :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.