WooCommerce Products Page CTA Add to Cart

[Kevin Dikeman]

Our CTA for products (hover) is no longer working to add items to the cart as it did prior to Feb 21, 2025 on all mobile (webkit) browsers.

Prior to the 21st it was working… It just refreshes the products page and does not add to cart. If I copy the link and open a browser and paste it adds the item to the cart. There for the link is correct. If I ask to show desktop version of the site it also allows the CTA to add to the cart.

Safari, Chrome and Firefox display the same issue.

Was there an update to theme that may have contributed to this issue?

https://www.nwspores.com/products

Thanks,

KD

[Sonal S Sinha]

Hi,

Unfortunately, mobile devices primarily use touch interactions, where a touch is considered a click or selection, not a hover.

That’s why hover effect isn’t working on mobile device.

If you want to visible add to cart button on mobile device? Kindly use this CSS code.

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

@media screen and (max-width:479px) {
.woocommerce ul.products li.product .button { visibility:visible !important; opacity:1 !important; position:relative !important; margin-top:30px;}
}

Regards,
Dave

[Author]

Posts