Nishita – Centering Navigation Menu via Custom CSS
-
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,
PriscillaThe blog I need help with is: (visible only to logged in users)
-
Just a rank amateur, but try this:
`.menu {
text-align: center;
}
.menu ul {
display: inline-block;
}’ -
Oops, messed up my back ticks…
.menu { text-align: center; } .menu ul { display: inline-block; } -
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.