Add to cart button on mobile

Support
#1

Hi,
When viewed on mobile the Add to cart buttons are not shown until you touch the screen. This appear function works well on desktop as you hover over products, but it is not intuitive on mobile. How can I make the buttons always visible on mobile?

Thanks and kind regards.

Brenden

#2

Hi There,

Please add this custom CSS under Customizer > Custom > Global CSS:

@media (max-width: 480px){
    .woocommerce li.product .entry-header .button {
        opacity: 1
    }
}

Let us know how it goes!

#3

Hi Thai, thank you, this has resolved it. Kind regards. Brenden

#4

Glad to hear that. :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.