Centering Nav Bar

kimberlyladams · Member · Feb 7, 2014 at 5:20 pm
Copy link

Add topic to favorites
Hello. I’ve been messing with the CSS and trying different things to center the text in my navigation bar. I’d also like to increase the space between each word. I’m using the Suits theme.

Please help!

Thanks!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Feb 7, 2014 at 6:13 pm
Copy link
Hi there, add the following to your custom CSS. It will center the menu for widths 869px and wider. At 868, the minified menu appears for tablets and phones, and this will keep that functionality intact.
```
@media screen and (min-width: 869px) {
.main-navigation {
    text-align: center;
}
.main-navigation ul {
    display: inline-block;
}
}
```
kimberlyladams · Member · Feb 7, 2014 at 6:15 pm
Copy link
Thank you so much!
thesacredpath · Member · Feb 7, 2014 at 7:01 pm
Copy link
You are welcome.

No items found.