Remove add to cart button on mobile

  • Hi

    Can I remove this button and else from the blue circle only on the mobile version of the web for the product pages?
    I want to use a sticky Add To Cart plugin.

    • This topic was modified 3 years, 3 months ago by freddyee.
    • This topic was modified 3 years, 3 months ago by freddyee.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • hannah

    (@hannahritner)

    Hey,
    I’m not sure what blue circle you’re referencing? Do you want to hide the add to cart from the archive pages or the single product pages?
    Thanks in advance for clarifying!

    Kindly,
    Hannah

    Thread Starter freddyee

    (@freddyee)

    Sorry, my mistake, I thought I sent the screenshot.

    here it is:
    https://snipboard.io/ilHRbw.jpg
    that “Comprar ahora” button on the product page, only on the mobile version.

    hannah

    (@hannahritner)

    No problem! This css should do it for you:

    @media (max-width: 768px) {
button.single_add_to_cart_button.button.alt {
    display: none;
}
}

    You can paste that into your custom css box in the customizer.
    Hope it helps!

    Best,
    Hannah

    Thread Starter freddyee

    (@freddyee)

    Thanks !

    It worked.

    but now I think I need to also get rid of the quantity counter, circled in black in the screenshot.
    https://snipboard.io/18q2ig.jpg

    How can I do that ?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Remove add to cart button on mobile’ is closed to new replies.