Removing the search form from the Twenty-Eleven Header

• 

  jaderaychel · Member · Sep 12, 2011 at 9:34 pm

  • Copy link
  • Add topic to favorites

  When the title is removed (and header remains) from the Twenty-Eleven Theme the search form is automatically added to the navigation bar. How do I alter this and remove the search form all-together?

  – Mike

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

• 

  timethief · Member · Sep 12, 2011 at 9:41 pm

  • Copy link

  Just in case this re-positioning may suit you see here > https://en.forums.wordpress.com/topic/how-to-move-search-box?replies=5

• 

  panaghiotisadam · Member · Sep 12, 2011 at 10:22 pm

  • Copy link

  @TT: That re-positioning “will put it in the right end of the navigation bar”, which is exactly what Mike doesn’t want.

  @Mike: Add this to the CSS editor:

  #branding #searchform {
  display:none;
  }

  If you wish, you can add the Search widget to your sidebar instead.

• 

  designsimply · Member · Sep 13, 2011 at 6:24 am

  • Copy link

  I would recommend also taking away the right padding from inside the navigation bar if you’re going to hide the search box from there.

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

• 

  jaderaychel · Member · Sep 13, 2011 at 8:09 pm

  • Copy link

  Thanks you panaghiotisadam & designsimply. These alterations met my desire perfectly! Thank you both.

• 

  designsimply · Member · Sep 14, 2011 at 6:40 pm

  • Copy link

  +1 thanks panaghiotisadam, you are appreciated! :)

• 

  jenbruce · Member · Oct 5, 2011 at 6:58 am

  • Copy link

  When I tried
  #branding #searchform {
display:none;
}

  It didn’t work until I removed #branding

  I’m a newbie and curious, can anyone tell me why?

• 

  thesacredpath · Member · Oct 5, 2011 at 7:16 am

  • Copy link

  @jenbruce, we need a link to the site you are talking about. CSS is theme specific and if you aren’t using the same theme, then the solution will likely be different.

• 

  bibisf · Member · Nov 7, 2011 at 11:41 pm

  • Copy link

  @designsimply

  Thanks, worked perfectly!

• 

  designsimply · Member · Feb 28, 2012 at 7:36 pm

  • Copy link

  @jenbruce, one reason might be that you were using a different theme and that’s why the #branding part of the selector wasn’t needed, or you were trying to remove a search form from the sidebar area and not the #branding area.