WordPress.com

1. tiagodovale
   Member
   Dec 11, 2012, 6:17 PM

   Hi again, everybody...

   I've spent a few hours testing every single suggestion I found around the forum, but with no results..

   How can I edit my CSS so that my navigation menu is centered on the page? Any ideas?

   Thank you so much!!

   The blog I need help with is tiagodovale.com.

2. designsimply
   Staff
   Dec 27, 2012, 7:07 PM

   To center the menu in your current setup, give this a try:

   #branding .only-search + #access div {
   	padding-right: 0;
   }
   
   #access {
   	text-align: center;
   
   }
   
   #access ul {
   	display: inline-block;
   	margin: 0;
   	padding: 0;
   }

3. tiagodovale
   Member
   Dec 27, 2012, 7:22 PM

   That did the trick!! :) You're priceless!
   Thanks

4. tiagodovale
   Member
   Dec 28, 2012, 7:16 PM

   Hi again!

   :) Sorry to be nitpicking on this...
   It worked: the menu is centered when we seen the full-sized page!
   But when we star collapsing it to smaller sizes, like a smartphone display, the menu aligns to the right..

   Any ideas?
   Cheers :)

5. designsimply
   Staff
   Dec 29, 2012, 8:14 PM

   Once the menu elements wrap to two lines, the menu block itself is pretty much full width, so it is in fact centered. The list elements inside the menu are floated left, so there isn't really a way to center those after they fall over to two lines. To see how the menu spacing is working, you can add a temporary border and then look at the blog sized to different widths to see what I mean:

   #access ul {
   	border: 1px solid red;
   }

6. tiagodovale
   Member
   Dec 29, 2012, 9:29 PM

   Thanks again :)

Topic Closed

This topic has been closed to new replies.