This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Menu Bar Full Page Width

Open 3 replies customizationthemetheme-vantage
Elaine Reyes
10 years ago · Last reply by Support Assistants 10 years ago

My navigation menu is aligned center but when I added more things to it, it put it to a “second row”. I need them to stretch from side to side, but still aligned center.

I’ve looked at this tread and tried it out but it didn’t work:

Vantage – how to change the width of the menu bar

I will attach a screenshot of my website since this is not live yet.

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Support Assistants 10 years, 2 months ago

    Hi Elaine

    You can try using Custom CSS to adjust the spacing between menu items. We outline that here:

    Thread: Adjust Space Between Menu Items

  2. elaineereyes 10 years, 1 month ago

    Thank you so much it worked! However, I’d prefer to have something to change the actual width of just the menu bar though, instead of changing the spacing BETWEEN menu items. What if I needed to add 5 more items on my menu.. I need to be able to stretch the width of the whole bar wider.

  3. Support Assistants 10 years, 1 month ago

    Sure. Try the following:

    /* Full Width Layout Menu Width */
body.responsive.layout-full #page-wrapper header#masthead .site-navigation .full-container {
	max-width: 100%;
}

    Adjust as required.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread