Hi there guys.
Hopefully a reasonably simple problem to solve here. I have created a responsive navigation bar that shows a hamburger menu when the page width <=576 px. This navigation bar is a reusable floating group element.
What I want to do is create a mobile menu that slides out when the hamburger icon is clicked. I have managed to create this, but the problem is triggering it to display.
Clearly I need to create a workflow on the hamburger icon within the reusable floating navbar so that it shows the sliding mobile menu. But the problem is that I cannot select the sliding mobile menu to show. I can only select elements within the floating navbar itself. Please see attached screenshot.
I have watched videos on how to do this. But they all show an icon within a navbar that is attached to the page itself, rather than being set up as a floating navbar. When the navbar is attached to each individual page, then you can of course select the invisible slider menu to show.
I don’t want to create a sliding mobile menu as a pop-up because users often disable them. I am wondering if the workflow could instead trigger a custom event or set a state or parameter and then perhaps make this custom event / state or parameter a condition for the mobile menu to become visible (obviosuly it would need to not be visible on page load).
Hope that makes sense?
SOLVED - I REALISED I NEEDED TO ADD THE SLIDER MENU TO THE FLOATING GROUP NAVBAR - THEN IT CAN BE SELECTED.
IN OTHER WORDS, A FLOATING GROUP SLIDING MOBILE MENU ATTACHED TO A SUPERIOR FLOATING GROUP TOP MENU BAR.