Need help? Check out our Support site, then


Nishita - Centering Navigation Menu via Custom CSS

  1. 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. Just a rank amateur, but try this:

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

  3. Oops, messed up my back ticks...

    .menu {
        text-align: center;
    }
    .menu ul {
        display: inline-block;
    }
  4. 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.

About this Topic