How to have TwentyEleven menu to be 1000px?

Get Started
1

I’ve been designing HTML websites for years, and new to the Worpdpress themes… On my site:

http://www.bluebarngraphics.com/wordpress/

How can I get the menu to match the width (1000px) of the header. It goes about 900px then the menu drops to two lines, very bad.

Thanks

2

You’ve got left- and right-marigins of 7.6% on “#access div”, which means that the menu is being indented by that much on the left and right. I would go for left- and right-margins of auto, which will mean the menu is centred.

But even taking those fixed margins off isn’t getting all the way there (at least, not on my computer), so you’ll need to reduce the left- and right-padding on “access a”. Remember to give yourself some margin for error, and make the menu a bit narrower than you think you need to, because different browsers can often render things slightly differently, and it’s better to have the menu narrower than it needs to be for some people than breaking onto a second line for others.

3

I see what you mean. The nav is now 1000px but in firefox its uncentered - a few pixels off to the left, and in Safari it goes to two lines.

Feeling frustrated… I’m used to building HTML sites from scratch (and with help from Dreamweaver) - with HTML I could have had this solved days ago… what am I missing here.