How to remove Search Box from Twenty Eleven Menu Bar?

• 

  kizibu · Member · Sep 6, 2014 at 4:47 am

  • Copy link
  • Add topic to favorites

  Hi. How do i remove the search box from the Twenty Eleven theme. I have the Custon Design CSS upgrade but have no idea how to use it.

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

• 

  pmciano · Member · Sep 8, 2014 at 2:34 pm

  • Copy link

  @kizibu

  You can remove this element with the following CSS:

  /* Remove Menu Search Box */
  #searchform {
  	display: none;
  }

  You can add it to your site here:

  https://ghst1.wordpress.com/wp-admin/customize.php?return=%2Fwp-admin%2F

  Customizer

  To learn more about how CSS editing works at WordPress.com, see these helpful pages:

  http://en.support.wordpress.com/custom-design/css-basics/

  http://en.support.wordpress.com/custom-design/editing-css/

  Let us know if you have any more questions :-)

• 

  kizibu · Member · Sep 10, 2014 at 3:13 pm

  • Copy link

  Many thanks pmciano. That magic certainly granted my wish.

  Unfortunately one should be careful what one wishes for. It seems to remove the search box from the menu line but does not seem to release the space for additional menu items – the reason for the removal. In effect it just seems to render the search box invisible.

  Another unforeseen and unwished for outcome is that it seems also to make it impossible to display a search box widget in the side bar. Again it is clearly there (the title appears if you give it one) but the search box is invisible.

  Is there another solution or do I have to live with these?

• 

  kizibu · Member · Sep 10, 2014 at 3:15 pm

  • Copy link

  Sorry. I should have added that the website in question is now:
  http://www.guesthousestorytellers.com

• 

  pmciano · Member · Sep 11, 2014 at 1:18 pm

  • Copy link

  @kizibu

  t seems to remove the search box from the menu line but does not seem to release the space for additional menu items – the reason for the removal.

  First, set the menu you created as your site’s Primary Menu, so you can at least see all the new items you’ve placed there:

  http://note.io/1tMZxln

  https://guesthousestorytellersdotcom.wordpress.com/wp-admin/nav-menus.php

  In regard to the space issue, this seems inline with the theme’s default layout:

  http://twentyelevendemo.wordpress.com/

  Another unforeseen and unwished for outcome is that it seems also to make it impossible to display a search box widget in the side bar.

  Here, we need to simply be more specific. Try replacing the CSS I previously gave you with this:

  /* Remove Menu Search Box in header */
  header #searchform {
  display: none;
  }

  If you have additional CSS questions, please try posting to our CSS Customization forum:

  https://en.forums.wordpress.com/forum/css-customization

  When you create a CSS-related help request, please make sure to select or link to the WordPress.com site you’re working on and include a clear description of the change you’re trying to make.