CODEWITHSUNDEEP
cssnavigation
Rashad Nasir
Rashad Nasir

Reputation: 146

How to center this navigation bar?

This site is using a theme which I thought had a centered navigation bar... turns out it doesn't.

http://richdales.com/

I can override/change any CSS necessary, but I'm not sure what to look for.

Any advice would be helpful. Thank you!

Upvotes: 0

Views: 52

Answers (2)

Taintedmedialtd
Taintedmedialtd

Reputation: 896

Set nav#main-nav.full .shell > ul to 

display:inline-block; width:100%; text-align:center;

Remove float:left from nav#main-nav.full .shell > ul > li and set them to 

display:inline;

Finally remove display:block from nav#main-nav.full .shell > ul > li > a

That way the li items will sit inline and centred as intended.

Upvotes: 0

Hoshibe
Hoshibe

Reputation: 63

in you css : 

nav#main-nav.full .shell > ul{
    text-align: center;
}

nav#main-nav.full .shell > ul > li{
    position: relative;
    display: inline-block;
}

And for the nav#main-nav.full .shell > ul > li, remove the float:left; and it's gonna work :).

Upvotes: 2

Related Questions