Center Nav on Vantage Premium theme

  • Resolved ninaberyl

    (@ninaberyl)


    11 years, 1 month ago

    I want to center the nav menu on the Vantage Premium theme. I tried adding the following custom css:

    body.responsive.layout-full #page-wrapper .full-container {
    display: table;

    This did indeed center the nav menu, but it unfortunately also caused the four column row beneath the image slider to become squished together horizontally.

    Is there a better way to center the nav menu?

    My site is temporarily at:

Viewing 16 replies (of 16 total)

  • Found this code from the siteorigin website:

    .main-navigation ul {
    text-align: center;
    }

    .main-navigation ul li {
    display: inline-block;
    float: none;
    }

    Enter it into Vantage Custom CSS or the Editor if you’re using a child theme. (If you enter this into editor and aren’t using a child theme it will be erased after updating Vantage)

Viewing 16 replies (of 16 total)
  • The topic ‘Center Nav on Vantage Premium theme’ is closed to new replies.