Nav Bar Help

I want my nav bar to be the full width of the screen (logo far left, tabs far right). Is there a way to do that, or make it more responsive?

I’d also like to know how to do this. Thanks!

Hi,

Your navbar is being wrap in a container that has a maximum width.

The maximum width is what you have set under Layout and Design in the Customizer.

But you can set the navbar container to full width through Custom CSS

Add this in Appearance > Customize > Custom > Edit Global CSS

.x-navbar .x-container.max {
   max-width: 100%;
   width: 100%;
}

You may change the max width 100% to adjust the width.

Hope that helps.