Move Search form from main header

• 

  nativeimpressionsart · Member · Aug 16, 2016 at 8:39 am

  • Copy link
  • Add topic to favorites

  HI,
  I am wanting to remove a search box from my main navigation menu as it is making the menu space to high.
  How would I do this please?

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

• 

  nativeimpressionsart · Member · Aug 16, 2016 at 8:43 am

  • Copy link

  I just added
  #searchform {
  display: none;
  }

  But that makes the widget search box disappear too – I only want the one in the menu to go – Thanks in advance

• 

  thesacredpath · Member · Aug 16, 2016 at 6:11 pm

  • Copy link

  Hi @nativeimpressionsart, I’m not seeing a search in the header. Did you switch themes perhaps?

• 

  nativeimpressionsart · Member · Aug 16, 2016 at 8:18 pm

  • Copy link

  Hi,
  Sorry it’s for another site. The account seems to come under that other one

  This is the one here: leighross.online

• 

  thecapoeirapanda · Member · Aug 16, 2016 at 8:30 pm

  • Copy link

  Hey @nativeimpressionsart, it’s possible that the nature of the theme you’re using prevents you from removing the search bar. If there is no option to remove it in My Sites → Themes, it is not removable. If you have the Premium or Business upgrade, you can hide it using CSS.

  I hope that helps!

• 

  nativeimpressionsart · Member · Aug 16, 2016 at 8:42 pm

  • Copy link

  Yes – I want to hide it using css – however it needs to be specific to the menu as when I hide ‘searchform’ it also prevents me putting a search form in the side widget (which is where I want it to go) :)

• 

  thesacredpath · Member · Aug 17, 2016 at 1:27 am

  • Copy link

  Hi @nativeimpressionsart, it looks like you are using WordPress but you are not hosted here at WordPress.com. For self-hosted WordPress sites such as yours, I would suggest asking for help from the theme author directly or ask in the volunteer-based WordPress.org Themes and Templates forum.

  For general questions on self-hosted WordPress.org installations, visit http://wordpress.org/support/.

  The differences between WordPress.com and WordPress.org.

  I did take a look, and there is a different parent CSS class for the header search form. This would be the CSS to hide it on that site.

  .header-search-form-container {
      display: none;
  }