• 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

Hide Genesis Responsive Menu On Menu Item Click

This solution enables you to hide the Genesis responsive menu when any menu item in the drop down toggle menu is clicked. Once the menu item is clicked, the entire drop down is closed and the responsive menu icon ( hamburger menu ) can then be opened again as seen in the demo video.

Demo Video

In this case, the menu items for scroll points on the front page are clicked resulting in the responsive menu closing.

Tested using the Altitude Pro child theme by StudioPress however will work in any Genesis child theme. Coded to load on the front page only.

Installation Steps

There’s 2 steps :

  1. # Upload the file named menu.js to your child themes root directory like this :
  2.  
    Step 1

  3. # Copy & paste the PHP code ( without the opening PHP tag ) from the functions.php file to the end of your child themes functions file.
  4.  
    Step 2

Download Folder

Accordion & Toggle jQuery Scroll Nav Menu

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