Description
I have a mobile navbar (tablet and smaller) which contains two dropdown menus that open to cover the navbar like a secondary menu. I’m trying to set up a mirror click so that when the back button (trigger) is clicked inside that dropdown menu, the dropdown toggle (target) closes the dropdown menu and reveals the main navbar again.
I have followed the instructions by adding the code to my project’s head and have given the correct attributes of trigger and target to the elements. I have also tried this with only one instance, but that doesn’t work either.
I tried both putting “fs-mirrorclick-instance” on both the trigger and target as well as on a parent div for each instance. That didn’t work either.
I’m new to the forum and limited on the media to attach so trying to describe as best as possible below.
I’ve spent several hours on this and it’s driving me absolutely nuts =) Any help would be appreciated!
Site URL
- URL: https://chalati-mtl.webflow.io/
- Webflow Read-only link: Webflow - Chalati
Steps to Reproduce
- The elements are inside the navbar component as follows:
Inside the navbar component there are two dropdown elements .navbar_menu-dropdown where the target is the .navbar_dropdown-toggle and the trigger is the .navbar_dropdown_back-link.
Video
(Remove the spaces in the link to see loom. Trying to bypass the 2 link max as new to this forum)
- Video link: www. loom. com/share/ 9ce3384176b94ac39204b66019486bf2?sid=706f555e-b018-49af-b0ef-8b83cea105a2
Additional Context
- Browser: Tried both Chrome and Safari - both not working