SAMPLE THEME – How do i center navigation text?

[LynseyParticipant Post count: 23]

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?

[SusanModerator Post count: 3172]

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.

---

Susan @ Graphically Designing I’d love to customize your website! I tweet!
I’ve taken up the challenge! – help me answer some of the unanswered posts

[LynseyParticipant Post count: 23]

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 NelsonParticipant Post count: 94]

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 | Oh, Hello Designs | Twitter | Facebook
Community Theme Developer: Pure Elegance

[Susan NelsonParticipant Post count: 94]

Oops – double post.

---

Susan Nelson | Oh, Hello Designs | Twitter | Facebook
Community Theme Developer: Pure Elegance

[SusanModerator Post count: 3172]

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

---

Susan @ Graphically Designing I’d love to customize your website! I tweet!
I’ve taken up the challenge! – help me answer some of the unanswered posts

[LynseyParticipant Post count: 23]

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

[SusanModerator Post count: 3172]

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.

---

Susan @ Graphically Designing I’d love to customize your website! I tweet!
I’ve taken up the challenge! – help me answer some of the unanswered posts

[David ChuParticipant Post count: 313]

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

---

David Chu · Genesis Custom Theme Development

[Author]

Posts