Genesis – Nested Menu under Hamburger Icon

[d.jordan]

Hi there,
I want to achive the following effect for my primary menu:

I found a tutorial that made the Hamburger Icon appear and on click the menu slides in:
https://sridharkatakam.com/how-to-make-navigation-be-toggled-by-a-hamburger-menu-icon-in-altitude-pro/

But i need to appear under the Menu Icon.

How is this achieveable in Genesis? I think it is more than just css styling or what do you guys think?

[Andylab]

Hi Jordan 🙂 in my case i used stikynav and i edited css in this mode:

.menu-item-9 > a > span:before{font: normal 25px/1 'FontAwesome';content:"\f007";color:#8ac007; margin-right:5px;}

In my case "9" is a number id of menu!

You can follow this simple tutorial -->

[d.jordan]

Hi Andylab, looks like exactly what I was looking for 😉
But the link to the tutorial is somehow missing 🙁

[Andylab]

oh jordan 😀 sorry 🙂 🙂 http://my.studiopress.com/tutorials/sticky-menu/

[Author]

Posts