Sliding Menu Help

Hello,

I have a sliding menu on the right side that gets activated by clicking the hamburger/menu icon on the top right. The problem is that it only slides in the first time. If I close the menu and re-open it again it doesn’t slide in from the right side, it just appears. How can I make this menu slide in more than just the first time. Thank you in advance.

this is the link to the site:
https://15sofdemo.webflow.io/

webflow project:
https://preview.webflow.com/preview/15sofdemo?utm_source=15sofdemo&preview=74c59d1f25114835f7c014e0fbb3c505

Hi Herardo, I would recommend using Interactions 2.0 and leaving the legacy interactions in the dust. Here is a video of how. They are much more powerful and easier to use and adjust visually

https://www.loom.com/share/092e867f0c814b2ca1c283b744b2c700

hope this helps

Jeremy

2 Likes

Thank you!!! That was extremely helpful!!! Worked really well. One issue I’m noticing is as the menu is sliding out from the right side I’m getting nav bars showing up in the browser for a few seconds and then going away. Is there any way to fix that? Thank you in advance.

please open this link to see what I mean:
https://15sofdemo.webflow.io/

Actually, I figured it out. I activated the overflow section.

1 Like

Hello, I was also wondering how I can add a close action so that when the user clicks anywhere on the black area of the screen the menu closes, just like clicking on the “X” Thank you in advance.

on your close interaction

chage to all elements with this class. You only have one menu per page.

this works in preview

1 Like