Nishita – Centering Navigation Menu via Custom CSS

  • Author
    Posts
  • #1045267

    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.

    #1045408

    Just a rank amateur, but try this:

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

    #1045410

    Oops, messed up my back ticks…

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

    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!

The topic ‘Nishita – Centering Navigation Menu via Custom CSS’ is closed to new replies.