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

    The blog I need help with is

  2. ljkjklqljkhwhljkfqjhklfqjlkqjlh

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

  3. ljkjklqljkhwhljkfqjhklfqjlkqjlh

    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. ljkjklqljkhwhljkfqjhklfqjlkqjlh

    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