Remove search box and fill menu

• 

  jgreenman30 · Member · Jul 28, 2011 at 10:33 pm

  • Copy link
  • Add topic to favorites

  I’m using the Twenty Eleven theme for my blog site at: beachief.com (its hosted on wordpress.com). The theme originally had a search box imbeded in the top menu bar, but I got rid of it in my CSS editor with:

  #branding #searchform {
  display:none;
  }

  As you can see, there is a big hole there. How can I get my menu items to fill the width of the bar without dropping down to a new line? The original stylesheet for Twenty Eleven is located here: https://s-ssl.wordpress.com/wp-content/themes/pub/twentyeleven/style.css?m=1311868844g&minify=false

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

• 

  thesacredpath · Member · Jul 29, 2011 at 2:08 am

  • Copy link

  This should do it for you.

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

• 

  jgreenman30 · Member · Jul 29, 2011 at 2:12 am

  • Copy link

  Perfect, thanks. I had been looking in the menu section, didn’t think that the search box format would affect it

• 

  thesacredpath · Member · Jul 29, 2011 at 2:37 am

  • Copy link

  You are welcome. They had just set a high right padding for the menu so that the menu did not run over the search box. Taking it back to zero recovers all that space.