Scot asks
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
Step 1
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.
A+ Thank you for this tutorial.
-Scot
Please look at the altitude theme. The header right has been removed from the theme. I was replaced with the primary nav menu.
http://nalan.org
It was replaced
Is this what you are after? http://altitude-menu-toggle.websitesetuppro.com/
Yes, that exactly what I would like to happen.
Here you go: http://sridharkatakam.com/how-to-slide-toggle-primary-navigation-in-altitude-pro/