Controling the top menu in the Twenty Eleven theme

  • Author
  • #1018601


    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:



    The blog I need help with is


    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;

The topic ‘Controling the top menu in the Twenty Eleven theme’ is closed to new replies.