I would like to know how to create a mobile menu for Metro Pro that is just like the mobile menu on Magazine ProIn this tutorial I show how a mobile responsive menu can be added in Metro Pro using the code from Magazine Pro. Versions of the child themes used: Metro Pro: 2.0.1 Magazine Pro: 3.1 Before: After: With the hamburger menu icon tapped: With the first item's sub menu expanded:
Step 1Upload Magazine Pro's js/responsive-menu.js to Metro Pro so that wp-content/themes/metro-pro/js/responsive-menu.js is present. Below is the code:
To view the full content, please sign up for the membership.
Already a member? Log in below or here.