WordPress.org

1. Nate Shivar
   Member
   Posted 6 months ago #

   I've followed the instructions found

   http://wordpress.org/support/topic/how-do-i-center-the-navigation-barmenu-on-the-twenty-eleven-theme?replies=9

   and

   http://www.bozzmedia.com/web/posts/twenty-eleven-theme-center-navigation-menu/#comment-25

   To center the menu text in a child theme of Twenty Eleven.

   I end up with this... http://www.homemusicgear.com

   It's not quite centered (padding somewhere?)
   And there's a separate line that goes all the way across the page (you can see it when you hover over a button).

   Ideas on how to fix it? I want the menu text to be centered and the hover gray to cover the whole block when hovering.

   I know just enough CSS to be dangerous.

   Ideas?

   Thank you so much in advance!

2. Lazarith
   Member
   Posted 5 months ago #

   I was having the same problems and followed Bozz's direction. After a few hours I finally figured it out and this does work:

   "Try this in a child theme of twenty eleven, just copy the twenty elevent style.css to the child theme directory:

   here are the changes in the CSS, you'll have to find the appropriate places in the CSS (or use the !important tag in a blank style.css). These are not intended for direct cut and paste, but they are the relevant CSS to modify to get the nav to align center.

   delete from
   #access { float:left; }

   add to
   #access { text-align:center; }

   add to
   #access ul { display:inline-block; }

   edit margin in

   #access div {
   margin: 0 0 0 0;
   }

   "

Reply

You must log in to post.