Centering Header Menu Tabs. HELP!

• 

  tetedelegumes · Member · May 29, 2013 at 3:09 am

  • Copy link
  • Add topic to favorites

  I need help centering the header menu tabs (Home, About, Portfolio, etc.) for the following site: http://taissarebroff.wordpress.com/

  I’m using the Imbalance 2 theme.

  I can’t seem to get it right! Any help would be much appreciated :D!

  Thanks.

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

• 

  justpi · Member · May 29, 2013 at 10:50 am

  • Copy link

  You’ve added this:

  #header-left {
  width: 600px !important;
  }

  and this:

  .menu ul li {
  float: left;
  padding-right: 50px;
  }

  Turn them to

  #header-left {
  float: none;
  padding: 0;
  text-align: center;
  width: 100%;
  }

  and

  .menu ul li {
  display: inline-block;
  float: none;
  padding-left: 25px;
  padding-right: 25px;
  }

  Then add this to decrease the space below the menu (change the value to adjust):

  #header {
      padding-bottom: 20px;
  }

• 

  tetedelegumes · Member · May 29, 2013 at 3:43 pm

  • Copy link

  That’s perfect, justpi! Thank you so much for your help.

  ^_^