The code in this tutorial not only makes any genesis navigation menu mobile responsive, it also adds responsive sub menu indicators using Dashicons.
There’s 3 simple steps you need to follow:
- Add 2 small blocks of CSS to the end of your style.css file before the start of the Media Queries and add a large block of CSS to the Media Queries.
Accessable Responsive Menu
This post includes the code for both the old and new responsive menus.
Youtube Video Guide
Click here to watch the installation instructions on YouTube.
Here’s the step by step installation instructions & code for both the old non accessable mobile menu and the new accessable responsive menu.