Remove add to cart button on mobile

  • freddyee

    (@freddyee)


    4 years, 6 months ago

    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 4 years, 6 months ago by freddyee.
    • This topic was modified 4 years, 6 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)

    4 years, 6 months ago

    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)

    4 years, 6 months ago

    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)

    4 years, 6 months ago

    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)

    4 years, 5 months ago

    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.