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

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

Display Search Inline With Genesis Responsive Mobile Menu When Toggled Open

By default, the search form, when added to the nav menu, is displayed within the drop down menu when toggled open. The solution available in this download folder for logged in members, enables you to :

  • Add the search form inline with your nav menu
  • Display your search form inline with your themes mobile menu icon while your menu is toggled open.

Genesis search bar in nav menu bar

Demo Video

Shows the search form added inline with the primary nav menu and displaying inline with the genesis responsive menu icon when the mobile menu is toggled open.

Tested using the Magazine Pro child theme by StudioPress however should work in most Genesis child themes with or without minor tweaking of the theme specific CSS.

Installation Steps

There’s 2 steps :

  1. # Copy & paste the PHP code ( without the opening PHP tag ) to the end of your child themes functions file.
  2.  

    In this case, the menu is added before the header.

  3. # Copy & paste the CSS to the end of your child themes style.css file and clear caching.
  4.  

Download Folder

Magazine Pro Theme Nav Menu

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.