Can't hide link with an interaction on mobile

Design help General
1

I’m having some trouble hiding a dropdown link on mobile devices.

This element has an interaction attached to it and works great on desktop, but my plan is to hide it on mobile devices as I’m not using the interaction on it. To work around this, I decided to create a separate dropdown link on mobile devices but I’m still not able to hide the one using the interaction. Seems like it may be a bug but I’m not sure.

Preview link: https://preview.webflow.com/preview/swiig?utm_source=swiig&preview=90e79abfa8da241a2e14a8a558e2d326

If you go to mobile views and click the hamburger in the top left, you will see 2 “shopping cart” dropdowns at the bottom. The one on the bottom is the one I can’t hide.

Thanks in advance :slight_smile:

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

1 Like
2

Hey @Jhart4595

Sounds strange :thinking: I can’t remove the cart button as well. One thing you can do is wrap the cart dropdown with a div and hide the div instead.

Hope this helps

Piter :webflow_heart:

1 Like
3

We also came across this issue with a project and created a script that allows you to show or hide any desired element based on the device, OS or browser being used by the site visitor.

Here is a link to the tutorial video that goes through the problem as well as walking you through the solution.

If there are any questions please feel free to tag me!

Happy Friday!