Jump to content
Sign in to follow this  
audaciouscreate

Nav Bar - Spreading out the links

Recommended Posts

audaciouscreate

Hi. Another Navbar question... http://www.bigmouthmarketing.co.uk:/wp/ At the moment the navbar links are all bunched up to one side. Is there a way of spreading them out across the width of the page? Hope so. Look forward to hearing. Thanks Stu

Share this post


Link to post
Share on other sites
Kate

Hi Stu - Increasing their padding and/or margin is an option. If you want them to be centered, that would be different styling. There's also the option of percentages: If you know how many nav items you'll always have, then you can divide their total into 100%. For instance: 5 nav items leaves a width of 20% for each. That would spread them across the entire top. Make sense? Let us know what you're going for, and we can go from there.

Share this post


Link to post
Share on other sites
audaciouscreate

Hi Kate, For this site, I'll always have just these 6 pages, so getting the % right is probably the best bet. Thanks Stu

Share this post


Link to post
Share on other sites
audaciouscreate

So how do I got about doing this? Thanks Stu

Share this post


Link to post
Share on other sites
cmunns

A little css.... ` .main_nav ul li { text-align: center; width: 14%; } `

Share this post


Link to post
Share on other sites
audaciouscreate

Brilliant. Thanks for the assist. Always appreciated.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×