In this article I show how Fullscreen Overlay Effects code by Codrops can be used to bring up a search box in a full screen overlay when a magnifying glass search icon is clicked in the Primary navigation of Genesis. As can be seen at Tympanus' demo page, the overlay can be shown with various effects. In this example I demonstrate implementing the simple Slide Down effect. Screenshots: Screencast: Let's go.
Step 1Download the source code from here.
To view the full content, please sign up for the membership.
Already a member? Log in below or here.