Streaming live at 10am (PST)

Combining Anchor Scroll Link + Interaction


#1

Having some trouble with the following sidebar navigation: http://siteworkstudios.webflow.io/

Share link below

Basically what I'm trying to do is close up the sidebar fly-out navigation after the user clicks on one of the main anchor links. I currently have the links anchor scrolling to their respective sections, and I've also applied two interactions: one closes up the slide-out nav and the other flips the little menu icon back to it's origin.

Maybe what I'm trying to do is not possible (because the anchor link negates the interactions) OR I have the interaction set up incorrectly.

Any help will be much appreciated.


Here is my public share link: https://preview.webflow.com/preview/siteworkstudios?preview=401c5dd35cbf2f2878d08070679599a2
(how to access public share link)


#2

You have your interaction set on the wrong element. Your interaction on the link is set to trigger .slide navigation and not .vertical nav slideout. If you change this, it works.


#3

Well that was easy. Thanks DFink!!


#4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.