WordPress.com

1. priscillaphanphotography
   Member
   Oct 18, 2012, 5:05 AM

   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 priscillaphanphotography.com.

2. houstonweaver
   Member
   Oct 18, 2012, 6:06 PM

   Just a rank amateur, but try this:

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

3. houstonweaver
   Member
   Oct 18, 2012, 6:07 PM

   Oops, messed up my back ticks...

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

4. designsimply
   Staff
   Oct 25, 2012, 10:03 PM

   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!

Topic Closed

This topic has been closed to new replies.