Add to cart button mobile

[Sebizzle]

Hi,

The add to cart button on the mobile is not appearing. I currently have it on desktop enabled, but I need it to appear when someone clicks on a product on mobile as I have disabled the product image link and title and use the add to cart button as an external link.

Many thanks,

[Sebizzle]

This reply has been marked as private.

[Harry]

Hi,

Please add below code to Claue > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 1024px) {
.yith-wcwl-add-to-wishlist ~ .product-btn {
display: inline-block;
top: 50% !important;
left: 50% !important;
transform: translate3d(-50%, -50%, 0);
}
}

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Sebizzle]

Hi this code is only showing the add to wishlist button, I was refering to the add to cart button.

 

thank you

[Sebizzle]

Also i would like it to only appear on when clicked on. To be honest on mobile I wanted the product image to open external link when clicked on.

 

[Sebizzle]

This reply has been marked as private.

[Sebizzle]

Just adding to my issue above, I beleive this will be an on click action for mobile…?

[Harry]

Hi,

Please change code to

@media only screen and (max-width: 1024px) {
.yith-wcwl-add-to-wishlist ~ .product-btn,
.products .product-type-variable .product-btn {
display: inline-block !important;
top: 50% !important;
left: 50% !important;
transform: translate3d(-50%, -50%, 0);
}
}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts