Here's how to center the main navigation menu:
nav.top-bar {
text-align: center;
}
nav#top_nav_bar ul.right, section.top-bar-section > ul.right {
float: none !important;
display: inline-block;
}
.top-bar-section .dropdown li { text-align:left; }
.top-bar-section .right li .dropdown { left:0; right:auto; }
Replies sorted oldest to newest
Thanks! (add: you insert the code in the Display Settings / custom css field)
How can we control the font in the Nav Bar there?
(Not a fan of the all caps and font size)
Actually, Neil you can apply CSS to either Display Settings or to your theme.
You can customize fonts (including uppercasing) via CSS, as well. Please ask unrelated questions in new topics so these tips can remain "pure". Thanks!
I shall post!
...but maybe you could have just re-titled this post: "Ted's How to CSS the Hell out of the Nav Menu" and kept posting customizations. 
FOLLOW UP:
How to I get Nav Bar to stay 'box width' instead of page width?
At first glance in inspector it seems to say it is contained to a grid
(div id="top_nav_bar_wrapper" class="sticky contain-to-grid")
...whatever grid that's referring to.
This may have worked right yesterday, don't remember.
"If you need it broken, ask Neil."
