Mega Menu Style Sub Menus In Genesis

This pure CSS solution enables you to code a mini mega menu in Genesis child themes. The solution includes :

• Drop down indicators
• A header title within the drop down menu
• A choice of 2, 3 and/or 4 column sub menu items

This is a pure CSS solution you can make your own if you have basic experience with CSS, Genesis and WordPress.

Demo Video

The demo video shows you how to add the mega menu classes to the parent menu item and the first sub menu item for displaying a header.

Coded for use with the Altitude Pro child theme for StudioPress and may need tweaking for use with other themes.

Installation

Step 1 – Copy & paste the CSS to the end of your child themes style.css file and clear caching.

Step 2 – Add either the mega-two, mega-three or mega-four class to the parent menu items CSS classes.

Step 3 – To add a header, add the mega-header class to the first sub menu item.