Centring the menu

• 

  imveryape · Member · Dec 13, 2013 at 5:47 am

  • Copy link
  • Add topic to favorites

  Hi all,

  I was able to get assistance in centring my menu. However, I have created a new category called “IMVERYAPE PRESENTS”, it is quite long, and when added to the menu, it goes beneath and is right aligned, and aligns the categories above to the right as well. Any way to have it nice and centred under the other menu items.

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Dec 13, 2013 at 6:07 am

  • Copy link

  That is one of the drawbacks of the menu centering. When the menu goes to multiple lines, it reverts back to the original alignment.

  You could play with padding and font size, and perhaps go away from all caps to shorten things up, or you could use submenus.

  Another thing you can do is to perhaps use submenus if that would work organizationally for you.

  Probably the best thing though is to widen the container/header/menu/footer. The original is 900px wide, and you could easily go 1000px, or even 1100 and not leave out too many users.

  #container, #header, #menu, #footer {
      width: 1100px;
  }

• 

  justpi · Member · Dec 13, 2013 at 10:47 am

  • Copy link

  To center the menu, add this:

  #menu ul {
  text-align: center;
  }
  #menu li {
  display: inline-block;
  float: none;
  }

• 

  imveryape · Member · Dec 13, 2013 at 7:56 pm

  • Copy link

  Thank you so much Justpi. It worked perfectly! Now to actually put some content in that category!