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

WP SITES

2662

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

Add Search Form To Mobile Menu in Genesis

This code enables you to add a search form before the primary nav menu items in the mobile menu like this :

The download folder for logged in users also includes code which enables you to add the search box after the menu like this :

Tested using the Essence Pro child theme by StudioPress.

#Installation

There’s 2 steps relating to the files in the download folder :

Step 1 : Copy & paste 1 of the PHP code snippets from the functions file to the end of your child themes functions file.

Step 2 : Copy & paste the CSS from the style.css file to the end of your child themes style sheet and clear caching.

Register or login to access the download folder :

Register for full access

Related Tutorials

  • Add Search Box To Mobile Menu In Essence Pro

Essence Pro Theme Nav Menu 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