This code adds a animated search box with icon to the Genesis Sample themes nav menu. In this case, the menu is hooked inside the header so the search form looks like this :
At screen widths below 960px, the form is added after the last menu item in the responsive drop down menu as shown in the following demo video :
Demo Video #
Tested using the latest default theme for Genesis. CSS may need tweaking for usage in other Genesis child themes.
Code Installation #
There’s 3 basic steps relating to usage of the files inside the download folder for logged in users :
Step 1 : Copy & paste the PHP code from the functions.php file to the end of the Genesis Sample themes functions file.