This code adds the Magnifying Glass Icon for the drop down search form to the header menu.
In this case, the secondary menu is repositioned to the site header like this :
Tested using the Enterprise Pro child theme by StudioPress however should work fine in most genesis child themes without modification.
This code has been taken from this tutorial and extended to work with the Enterprise Pro theme.
Demo Video #
Shows the search form tested using the Enterprise Pro child theme on Genesis. Tested on desktop and mobile screens.
Installation #
There’s 3 steps relating to usage of the code in the download folder for logged in users :
Step 1 : Upload the search.js file to the Enterprise Pro themes js folder.
Step 2 : Copy & paste the PHP code from the functions.php file to the end of the Enterprise Pro themes functions file.
Step 3 : Copy & Paste the CSS from the style.css file to the end of the Enterprise Pro themes style sheet and clear caching. This CSS may need tweaking for use in other Genesis child themes.
Register or login to access the download folder :
Was This Tutorial Helpful?