Monochrome Pro has code for adding magnifying glass icon at the end of primary nav menu items which when clicked, displays a wide search form covering the full header.
I have published a tutorial that does this in Full width search form on top of header in Genesis tutorial in the past.
In this tutorial, I share the steps for adding the search icon to the right of a custom menu placed in Header Right widget area in Genesis Sample with code taken from Monochrome theme.
While the tutorial has been written for Genesis Sample, it should work with a few changes in any Genesis theme
If you haven't already, at Appearance > Widgets drag a Custom Menu widget into Header Right widget area and select your desired header menu.
Create a file named say, custom.js in child theme's
js directory having the following:
To view the full content, please sign up for the membership.
Already a member? Log in below or here.