Center align nav bar

I’m also very keen to see if there is an answer to this.

There seems to be various CSS coding possibilities but from what I’ve researched they are pretty theme specific. Would love to see one for the Vantage theme?

Thx.

Yes, CSS is theme/site specific, but it’s necessary to see your site to help with CSS.

Sorry… https://useology.com/

I forget that all the time. ??

Thx.

Try this CSS – put it in custom CSS or a child theme so that your changes won’t be lost when the theme is updated:

.menu {
    display: table;
    margin: 0 auto;
}

BTW, I like that comic and the quote in the header :)!

Thx! Can you give me an indication of where in the code this may be (line number)?

Also, assume you’re talking about the style.css file?

Have just created a child theme, so I’m all set!

A child theme should contain ONLY changes, so just add that code – it’s not in your theme’s style.css file anyway – I wrote it.

You also need to activate a child theme – your site does not currently show a child theme as active.

Thx so much.
I have not activated it yet, but will now. ??

I’ll give it a try.

Wow! You rock!

Thx so much. ??

Cool – you’ll need to redo theme options/settings in the child theme as not all of them will get carried over. But it’s well worth the time to do that now, rather than have a bigger mess later :).

Hmm, seems that updating the menu or creating a new custom menu (via Appearance -> Menus) changes it back to left aligned. Doh!

Any ideas?

Ooh, interesting – the theme assigns a name to a custom menu – so change what you used to this:

.menu-useology-container {
    display: table;
    margin: 0 auto;
}

LEGEND!
Thx so much for your help with all of this!

Hi, WPyogi. Would you mind taking a look at my site and seeing if you can’t point me in the right direction as well?

https://www.thegrafton.com

Sure thing – this is your thread after all :)! Looks like this will work:

.menu-2013-navigation-container {
    display: table;
    margin: 0 auto;
}

Do you have a Custom CSS plugin