I’ve got a few issues with my site and the interactions/animations that I’m hoping someone can help me with.
Firstly, you must navigate to my case study page like this:
Click ‘our work’
Click the image: this will take you to the Valluga casestudy page with my first issue.
The menu flyout is already open. Which it shouldn’t be, as it’s not set to be at its initial state. To get it to work as it should you need to click ‘Next’. Then it will show you this page:
Now the menu works as it should, but the sliders don’t work when you click them at all. I have two crucial questions.
1: How do I get this menu to work as it should on initial state. So it should be closed, and on hover over ‘Valluga Concierge’ it should open. Annoyingly it works perfectly on preview, but not when you navigate to it from the case studies page.
2: The slider arrows have stopped working since implementing this menu flyout. I believe this is because the Z-index on the menu wrapper is set to 99. When I set that to 0 the arrows work again but the menu disappears completely. I’ve highlighted the arrows in the picture above. I need them to work together, not one or the other.
3: Bonus question: If you click ‘how we work’ it will take you to the ‘about us’ page. I have set up an accordion menu, to get this to work you have to click ‘how we work’ again. it’s almost exactly the same issue as the flyout menu on my case study page. It works when i preview it, but when i navigate to the page from any other page it’s not set to closed on inital state, even though it is. FML.
Any help would be MUCH appreciate.
Here is my public share link: https://preview.webflow.com/preview/somethingfamiliar?utm_medium=preview_link&utm_source=dashboard&utm_content=somethingfamiliar&preview=cca27db9eefc50ce2aaa7d366b6c8b37&mode=preview