Navigation Centered

jaxyj · Member · Jul 14, 2015 at 7:09 pm
Copy link

Add topic to favorites
Looking to edit the CSS to center the top navigation menu.
Anyone able to do this with the Linen theme?

The blog I need help with is: (visible only to logged in users)
darrellschulte · Member · Jul 14, 2015 at 7:47 pm
Copy link
Hello woodcreekdesigns,

There is probably a way better way to do this, but here is one method.
```
ul#menu-lookbook.nav.sf-js-enabled {
    margin-left: 315px;
}
```
thesacredpath · Member · Jul 14, 2015 at 9:30 pm
Copy link
Given that Linen is not a responsive designed theme, the above that @daschultemn gave works. If you had additional menu items, you will need to adjust the left margin.

For responsive width themes I typically recommend the following.
```
#navigation {
    text-align: center;
}
#navigation ul {
    display: inline-block;
}
```
darrellschulte · Member · Jul 14, 2015 at 9:45 pm
Copy link
That’s way better — use @thesacredpath’s method.
thesacredpath · Member · Jul 15, 2015 at 2:34 am
Copy link
@daschultemn, either works in the case of Linen.

PS: Thanks for all the help in the forums. It is very much appreciated.
jaxyj · Member · Jul 15, 2015 at 10:08 pm
Copy link
The @sacredpath method worked perfectly. Thank you!
thesacredpath · Member · Jul 15, 2015 at 11:51 pm
Copy link
You are welcome.

No items found.