How to Display/Hide the Search Icon

March 4, 2015| Shekhar Bhandari

Flat Responsive has options to display Search bar on the top with the menu as well as you can use the search widget on widgets postion to display the Search Form.

Customize Title

Description

How to Change :

Hide the Search Icon You can Display/Hide the Top bar from the Customize Panel. In Default it is set to be shown. Apperance-> Customize-> Header Settings-> Search Icon -> Check the Search Icon Hide
Change the Search Icon Color You can change the search icon color Apperance-> Customize-> Header Settings-> Search Icon -> Search Icon Color
Change the Search Form Background You can change the search form background Apperance-> Customize-> Header Settings-> Search Icon -> Search background
Change the Search Form Line Color You can change the search form line background Apperance-> Customize-> Header Settings-> Search Icon -> Search Icon line
Change the Search Form Height You can change the search form height, this customizer settings enables you to adjust the height of the search form as per your need. Apperance-> Customize-> Header Settings-> Search Icon -> Search Form Height
Change the Search Form Margin You can change the search form Margin, this customizer settings enables you to adjust the margin of the search form as per your need. Remember the margin should be inserted like 10px 0px 0px 0px where top, right, bottom and left value are represented resectively./td> Apperance-> Customize-> Header Settings-> Search Icon -> Search Form Height
Categories: Setup Tutorials for Flat Responsive

Leave a Reply