A user asked,
I would like to ask the following question with regard to the article http://sridharkatakam.com/how-to-slide-toggle-primary-navigation-in-altitude-pro/ How do I make the MENU toggle from right to left (or let's say on the left of of the MENU icon)? For now looks like it's only toggling at the top of the menu icon.In this tutorial I show how responsive menu icon can be set to appear on desktop widths rather than wait till 800px. Clicking on the MENU icon will expand the navigation menu to its left and clicking on it again will fade it out. Screenshots: Default: After the MENU icon is clicked: Screencast:
Step 1In global.js replace
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode characters
|$( '.nav-primary .genesis-nav-menu, .nav-secondary .genesis-nav-menu' ).addClass( 'responsive-menu' ).before('<div class="responsive-menu-icon"></div>');|
To view the full content, please sign up for the membership.
Already a member? Log in below or here.