Centering Triton Lite Nav bar

• 

  lessaverage · Member · May 2, 2013 at 4:51 pm

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  ljkjklqljkhwhljkfqjhklfqjlkqjlh · Member · May 2, 2013 at 5:07 pm

  • Copy link

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

  Centering List Items Horizontally (Slightly Trickier Than You Might Think)

• 

  ljkjklqljkhwhljkfqjhklfqjlkqjlh · Member · May 2, 2013 at 5:10 pm

  • Copy link

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

  display: table;
  margin: 0 auto;

• 

  lessaverage · Member · May 2, 2013 at 5:44 pm

  • Copy link

  I just tried that, still no success unfortunately….

• 

  ljkjklqljkhwhljkfqjhklfqjlkqjlh · Member · May 2, 2013 at 5:46 pm

  • Copy link

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

• 

  justpi · Member · May 2, 2013 at 6:29 pm

  • Copy link

  Paste this in the CSS editor:

  #access {
      display: table;
      float: none;
      width: auto;
  }

• 

  lessaverage · Member · May 2, 2013 at 6:54 pm

  • Copy link

  That’s worked! Thank you so much!