Controling the top menu in the Twenty Eleven theme

  • Author
    Posts
  • #1018601

    waduncan
    Member

    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 duncan4nh.com.

    #1018916

    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.