Need help? Check out our Support site, then


Centering Triton Lite Nav bar

  1. Hi,

    I'm trying to center the top navbar, I don't like the left alignment. I've tried to use the following code to do this, but I've had no success:

    .menu {
    text-align: center;
    }
    .menu ul {
    display: inline-block;
    }

    Please could anyone help?

    The blog I am struggling with is http://newlessaverage.wordpress.com

    The blog I need help with is newlessaverage.wordpress.com.

  2. It's a little tricker than you might think. The following article from CSS Tricks can shed some light:

    http://css-tricks.com/centering-list-items-horizontally-slightly-trickier-than-you-might-think/

  3. Just figured it out. Add the following to the .menu ul:

    display: table;
    margin: 0 auto;

  4. I just tried that, still no success unfortunately....

  5. Actually, I just realized that the rule in the base css is "#access ul", not ".menu ul" try using that instead.

  6. Paste this in the CSS editor:

    #access {
        display: table;
        float: none;
        width: auto;
    }
  7. That's worked! Thank you so much!

Topic Closed

This topic has been closed to new replies.

About this Topic