• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2665

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

Genesis Full Screen Slide Down Overlay for Search Box

This sidedown overlay theme includes a widget which displays when you click the search icon on secondary nav menu.

Here’s the demo video:

The overlay effect has been coded into a fresh copy of the Genesis Sample child theme by StudioPress.

The theme includes a custom widget area which you simply populate with the native search widget included in all WordPress installations.

example

Credit to Codrops for the original code which has been modified to work in WordPress.

Simply download the child theme below and install after the Genesis theme framework:

Register for full access

Related Tutorials

  • Drop Down Full Screen Overlay Search Widget
  • Full Screen Overlay Effect Widget In Genesis Sample Theme
  • Full Width Popout Animation Video Template for Genesis
  • Drop Down Nav Menu Search Toggle

Search

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems