Problem After Woo Update

[dubsbhoy]

Hi, checkout buttons have vanished after the woo-commerce update (On Mobile)

The buttons are no longer displaying on the homepage or shop pages etc under the products on mobile.

Thanks

[Harry]

Hi Dubsbhoy,

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

@media only screen and (max-width: 1024px) {
.btn-quickview::after {display: none;}
.btn-quickview {
text-indent: inherit;
background: #fff;
border: inherit;
padding: inherit;
}
.product-image .product-btn .button {
display: block;
}
.product-btn {
left: 50%;
transform: translate3d(-50%, -50%, 0);
top: 50%;
}}

Kind regards

• This reply was modified 2 years, 5 months ago by Harry.

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

[dubsbhoy]

 

Cheers Harry, buttons are displaying but breaking up the product info now.

Thanks

[dubsbhoy]

[Harry]

Hi,

Please change code to

@media only screen and (max-width: 1024px) {
.btn-quickview::after {display: none;}
.btn-quickview {
text-indent: inherit;
background: #fff;
border: inherit;
padding: inherit;
}
.product-image .product-btn .button {
display: block;
}
.product-btn, .yith-wcwl-add-to-wishlist ~ .product-btn {
left: 50%;
transform: translate3d(-50%, -50%, 0);
top: 50% !important;
}}

 

Kind regards

• This reply was modified 2 years, 5 months ago by Harry.
• This reply was modified 2 years, 5 months ago by Harry.

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

[Author]

Posts