Comments for BOZZ MEDIA

Comment on Center the Navigation Menu in Twenty Eleven by Ryan Moser

Ryan Moser — Tue, 24 Jan 2012 16:19:53 +0000

Thanks for this great tip Steve!
Cheers!

Comment on Center the Navigation Menu in Twenty Eleven by BOZZ

BOZZ — Wed, 07 Dec 2011 11:04:22 +0000

and that copy & paste friendly snippet is:

#access { float:none; }

#access { text-align:center; }

#access ul { display:inline-block; }

#access div { margin: 0 0; }

Place !important tags just before the closing semi-colon only if you’re having trouble.

Comment on Center the Navigation Menu in Twenty Eleven by BOZZ

BOZZ — Wed, 07 Dec 2011 11:01:47 +0000

Just as a follow-up, I’ve tried these 4 steps again on a fresh Twenty Eleven child theme and it worked like a charm. Use your Search and Replace tool to find the appropriate CSS to manipulate in your child theme. You could even use the above code in one snippet and put !important tags on it if you prefer to rough it in. Good luck!

Comment on Center the Navigation Menu in Twenty Eleven by Nate

Nate — Sat, 12 Nov 2011 14:51:59 +0000

Thx Bozz! I can’t seem to get that particular solution to work – but I love FireBug!

I’ll keep messing around with FireBug – it seems the best way to learn programming is with trial and error… (and I need to learn CSS regardless…)

Comment on Center the Navigation Menu in Twenty Eleven by BOZZ

BOZZ — Sat, 12 Nov 2011 04:07:19 +0000

Take a look at your CSS on line 669:

#branding .only-search + #access div { padding-right: 205px; }

Removing this appears to center the menu. I highly recommend you use Firebug to help troubleshoot this sort of thing.

As for extra pixels, play with the overall padding/margins for #access

Comment on Center the Navigation Menu in Twenty Eleven by Nate

Nate — Sat, 12 Nov 2011 02:03:53 +0000

Boz,

Thank you so much for helping out the community! I really appreciate people like yourself and try to help out myself the more I learn.

I tried to follow your (and the comment follow ups) exactly. I’m not a CSS expert, but I can hold my own with it.

However, as you can see at http://www.homemusicgear.com/
1. The text isn’t quite in the middle of the menu bar (extra padding somewhere?)
2. There’s extra pixels underneath the text – like an additional line across the bar.

How might I go about fixing it?

Thx again!

Comment on Center the Navigation Menu in Twenty Eleven by BOZZ

BOZZ — Tue, 08 Nov 2011 00:17:55 +0000

have a URL to show us?

Comment on Center the Navigation Menu in Twenty Eleven by BOZZ

BOZZ — Tue, 08 Nov 2011 00:17:14 +0000

I would try to re organize my menu links to be more concise, but if you have already done so and must have a huge nav menu, I’d suggest messing with letter-spacing and font size.

Comment on Center the Navigation Menu in Twenty Eleven by Greg

Greg — Fri, 28 Oct 2011 04:19:29 +0000

Hey Boz, thanks for the post. I made the code edits above that you suggested. I’m wondering how you would handle when you have more menu items than will fit onto one line. My menus wrap to a second line, but they start from the left side instead of centering. Any suggestions? Thanks in advance. http://cap.tombird.com

Comment on Center the Navigation Menu in Twenty Eleven by DMT

DMT — Fri, 28 Oct 2011 02:27:01 +0000

Hi guys.

I just put…

#access ul {
margin: 0 0 -7px;
}

…into my style.css file, but it didnt center the navigator menu.
Did I do something wrong?

..Also.. the Navigator menu is under the picture, how do I fix so its on top?

Thank you.