Controling the top menu in the Twenty Eleven theme

• 

  waduncan · Member · Sep 20, 2012 at 2:08 am

  • Copy link
  • Add topic to favorites

  I have made more room for to top menu by adding this to my custom CSS:

  .only-search #searchform {
  display: none;
  }

  However, the menu does not use the additional room. It still wraps rather than using the full width. Can anyone tell me how to get the menu to use the full width when the search box is gone?

  My blog is: http://duncan4nh.com/

  Thanks,

  Bill

  The blog I need help with is: (visible only to logged in users)

• 

  designsimply · Member · Sep 28, 2012 at 5:44 pm

  • Copy link

  There’s one more step and that is to remove the right padding from the menu container:

  #branding .only-search #searchform {
  	display: none;
  }
  #branding .only-search + #access div {
  	padding-right: 0;
  }

  If you also want to center the menu, add this:

  #access ul {
  	width: 625px;
  	margin: 0 auto;
  	display: block;
  	position: static;
  	float: none;
  }