Make nav bar wider

Support
#1

Hi there,

I’d like to make my nav bar wider when on a full wide screen. I looked in the forum and only found css for 100% width but that made it too wide.
This is what it currently looks like…hoping to widen it.

Is there a fix?

Thank you!

#2

Hi there,

Please try this code:

.x-navbar-inner .x-container.max {
    max-width: 1500px;
}

Feel free to adjust the max-width value.

Hope this helps.

#3

Thank you that works! what about the top bar content?

Thank you

#4

Hi there,

Please update the code to:

.x-navbar-inner .x-container.max,
.x-topbar-inner.x-container {
    max-width: 1500px;
}

Hope this helps.

#5

Thank you that works!

#6

You are most welcome. :slight_smile:

#7

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