How can I hide a specific section on desktop view?

Technical Q&A
1

Hello!

I have a sticky add to cart button at my store. The button works properly on mobile,

but it doesn’t on desktop. I just want to hide the button section on desktop

(it’s kinda useless for desktop), but i don’t have the coding experience for that.

I’ll upload the code of the section part that i want to hide on desktop . If there is a way just to hide

everything within this section just for desktop users would be great.

Thanks for your time!

2

Hi @CesarSoder

Welcome to the Shopify forums! No need to upload any code, your store’s URL should be enough for us to provide you with the solution necessary to get this removed on Desktop.

Cheers!

3

Add to your custom.css.liquid file:

@media (min-width: 792px) {
  #product-sticky-atc-wrapper {
    display: none;
  }
}
4

That helped alot! Thanks Kaj!

1 Like
5

For future readers who is looking for solution for the same problem and the accepted solution does not work, try the video tutorial instead. It will work on ANY section of ANY themes. No APP is being use here.