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.
You must be logged in to post a comment.