SAMPLE THEME – How do i center navigation text?

[Lynsey]

I would like to know how to center the navigation text in the sample theme, i tried text-align:center; in a few different parts but it's not working.  Please can anyone help?

[Susan]

Try this tutorial:

you need to look for: #nav

#nav{text-align:center}

If you tried this, and it didn't work (after clearing your cache), can you please post a link to your site, so we can look at the code. Thanks.

[Lynsey]

Nope that didn't work there is no nav or subnav in the css  this is the link to the site

http://www.shinymagic.com/samplewp/

[Susan Nelson]

You'll have to play around with it, but you could start with adding something like this:

.genesis-nav-menu {
clear: both;
 margin: 20px auto;
overflow: hidden;
width: 55%;
}

For the margin, you can use any number for the top/bottom - I just happened to use 20px.

Ideally, you'll need to add a structure wrap so that the black background can stretch from edge to edge.... Let me do a little looking to see what I can come up with. I'll be back.

[Susan Nelson]

Oops - double post.

[Susan]

From my friend @bradleypotter:

Apply text-align: center; to .genesis-nav-menu and remove float:left from .genesis-nav-menu ul and .genesis-nav-menu li

[Lynsey]

Thanks so much susan that worked perfect!  And thank your friend bradley for me! And thank you to the other susan for your help!

[Susan]

Thanks for letting us know - I passed your thanks along to Bradley, too! 🙂

Closing this thread as resolved - please start another thread if you have another question.

[David Chu]

Hi All,

I used this method for centering my menu and it worked just fine.  However, if you only follow what's in the article, dropdowns will be messed up.  I fixed that, too - you can see what I did if you look for "dave" in the comments.

Your mileage may vary slightly, but my own base theme is based on Sample, so it should be pretty close.  Hope this helps someone!

Ciao, Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[Author]

Posts