Navigation menu won't center

Tagged: center menu, menu, navigation

This topic has 3 replies, 2 voices, and was last updated 10 years, 1 month ago by Wes.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
February 20, 2014 at 5:43 pm #10840
saradee
Customer
I’ve gotten pretty far with my customization of Epik, and I’ve really enjoyed working with the theme. One problem though… no matter what I do, I can’t seem to center the navigation menu with the site in full width. It centers on mobile/narrower screens as expected.

I’ve thrown a ton of CSS at it and just can’t figure it out. Can anyone make a suggestion?

http://honolulu.directrouter.com/~wt/

Thank you!
Sara
February 21, 2014 at 7:27 am #10847
Wes
Moderator
Try changing float: left; to display: inline-block; around line 2059 –
```
.genesis-nav-menu .menu-item {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
}
```
```
.genesis-nav-menu .menu-item {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
}
```
Your site is looking great! Make sure and add it to the showcase whenever you’re done – https://appfinite.com/showcase-your-site/
February 26, 2014 at 3:01 pm #10997
saradee
Customer
Wonderful, thank you Wes! This worked like a charm.
February 26, 2014 at 4:46 pm #11006
Wes
Moderator
You’re Welcome!
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Navigation menu won't center’ is closed to new replies.