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?
Try this tutorial:
you need to look for: #nav
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.
Nope that didn’t work there is no nav or subnav in the css this is the link to the site
You’ll have to play around with it, but you could start with adding something like this:
margin: 20px auto;
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.
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
Thanks so much susan that worked perfect! And thank your friend bradley for me! And thank you to the other susan for your help!
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.
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!
Dave Chu · Custom WordPress Developer – likes collaborating with Designers
The topic ‘SAMPLE THEME – How do i center navigation text?’ is closed to new replies.
Are you a blogger, web designer, developer, or website owner looking to generate more income?
Promote products for the largest and fastest growing online website platform as part of our affiliate program.