Nishita – Centering Navigation Menu via Custom CSS

• 

  priscillaphanphotography · Member · Oct 18, 2012 at 5:05 am

  • Copy link
  • Add topic to favorites

  Hello all,

  I am trying to centre my navigation menu through CSS.

  Is there someone who can assist me with this? Or might know how to do this?

  Thank you for your help,
  Priscilla

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

• 

  houstonweaver · Member · Oct 18, 2012 at 6:06 pm

  • Copy link

  Just a rank amateur, but try this:

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

• 

  houstonweaver · Member · Oct 18, 2012 at 6:07 pm

  • Copy link

  Oops, messed up my back ticks…

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

• 

  designsimply · Member · Oct 25, 2012 at 10:03 pm

  • Copy link

  That’s an excellent centering trick! In the case of the Nishita theme, it’s mucked up by a few super specific selectors later in the CSS that you need to match in the custom CSS in order to make it work. Give this a try:

  .layout-photoblog div.menu {
  	text-align: center;
  }
  .layout-photoblog #nav,
  .layout-photoblog div.menu ul {
  	display: inline-block;
  	width: inherit;
  	overflow: hidden;
  }

  P.S. Wow! Great photos!