Adding Toggle Search Icon at Header Right Widget Area

toggle-search-form

Step : 1

Login to Dashboard, navigate to Appearance -> Widgets page, drag&drop the Text widget in Header Right widget area. Enter this HTML code into textarea and save the widget. Note: FontAwesome icon is using here. Make sure you enabled the FontAwesome from GBeaver -> General Settings section.

 

Step 2:

Open the gbeaver/lib/structure/search.php file and add this PHP codes at end of the file:

 

Step 3:

Open the gbeaver/assets/js/gbeaver-scripts.js file and add the following JS code at line no 79:

 

Step 4:

Lastly open the style.css file and drop the following CSS at end of the file:

Reader Interactions

Leave A Reply

Your email address will not be published. Required fields are marked *