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.

Vantage – how to change the width of the menu bar

Resolved 9 replies premiumthemetheme-vantage
rossgardens
11 years ago · Last reply by Andrew Misplon 11 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.

Need fast email support? Get SiteOrigin Premium

Replies

9
  1. Daniel Staff 11 years, 7 days ago

    Hi Ross,

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

  2. rossgardens 11 years, 6 days ago

    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. rossgardens 11 years, 6 days ago

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

  4. Daniel Staff 11 years, 5 days ago

    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. rossgardens 11 years, 4 days ago

    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. James 11 years, 4 days ago

    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. Daniel Staff 11 years, 4 days ago

    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. rossgardens 11 years, 3 days ago

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

    • Andrew Misplon Staff 11 years, 3 days ago

      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.

Have a different question or issue?

Start New Thread