How can I disable a snippet from appearing on mobile devices?

Shopify Discussion
1

I created a snippet: back-to-the-top and rendered it in theme.liquid using the code

{% render ‘back-to-the-top’ %}

I do not want this enabled on mobile. is there a quick code I can insert so it won’t show up on mobile devices?

thank you

2

Hi Bryan,

Just use CSS media query for mobile. For example
3

thank you. I had to remove and it worked. I was posting similar code for hours trying to get it correct

4

I am glad you figure it out. It depends on where you add the CSS code. If you are adding directly on the .css file you don’t have to include
If you are adding CSS on the .liquid file you need to include

1 Like