I think a great tutorial would be how to add a responsive menu like the one on remobile theme. Having a smaller menu icon on a full browser pc or mac desktop would be great. But have it placed in the right-header area inline with the site-title.
This tutorial covers
- repositioning the primary navigation menu i.e., moving it from below the site header to above it
- loading Dashicons (for the hamburger menu icon)
- running slideToggle() jQuery method upon clicking the menu icon
- placing Menu text in a text widget followed by using :before pseudo CSS selector for the hamburger icon and writing other needed CSS
Create a file named say, general.js in child theme's js directory having:
To view the full content, please sign up for the membership.
Already a member? Log in below or here.