Home>Support>Vantage – how to change the width of the menu bar

Vantage – how to change the width of the menu bar

By rossgardens, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Hi
I want a column of blank space down either side of all my web pages. I’ve managed this with the page content, by having small blank columns (10%) at either end of each row in Page Builder. However I don’t seem to be able to reduce the width of the menu bar along the top to match the width of content on the pages. Any suggestions would be much appreciated.
Thanks
Ross

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 6 months ago Daniel
    Hi, I Work Here

    Hi Ross,

    Would you mind providing a URL to your site so I can have a look.
    Cheers!

  2. 9 years, 6 months ago rossgardens

    Hi Addo

    Sorry, the website is not live yet so you would be unable to view it online. However, here is a screen shot of the home page…

  3. 9 years, 6 months ago rossgardens

    Hi
    Just realised you can view it here: http://rossgardens.co.uk/wp
    Cheers

  4. 9 years, 6 months ago Daniel
    Hi, I Work Here

    Hi Ross,

    Try the following custom CSS:

     nav.site-navigation.main-navigation.primary.use-sticky-menu{
margin-left: 10%;
margin-right: 0;
}

    Please try and let me know!

  5. 9 years, 6 months ago rossgardens

    Hi Addo
    Thanks for your response to this and my question regarding amending the size of my logo. I have tried adding the CSS you provided for both problems to the bottom of the style.css file located via Appearance > Editor > Styles.css as you advised but neither makes any difference to the appearance of the website….
    Do you have any idea why this might be?
    Thanks
    Ross

  6. 9 years, 6 months ago James

    you are putting the css in the wrong place as within the style.css there will already be parameters set under that css class.

    if you are using vantage premium you add the css to Appearance / custom css

    if you are using the free vantage theme you will need to download a custom css plugin i use
    simple custom css once installed the option appears in Appearance / custom css

  7. 9 years, 6 months ago Daniel
    Hi, I Work Here

    Thank you James! :)

    Ross, please go to Appearance> Custom CSS if you are using the premium theme and add the CSS code I gave you there.

    Cheers!

  8. 9 years, 6 months ago rossgardens

    Thanks Addo and James – appreciated.
    I do have the premium theme.
    Cheers
    Ross

    • 9 years, 6 months ago Andrew Misplon
      Hi, I Work Here

      Hi Ross

      Glad to see you were able to resolve.

      All the best.

      Thanks James :)

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More