Can’t make add to cart (on desktop) always visible

Hello! I tried some code I found on this forum but I can’t make the add to cart button on desktop looks like the mobile one . On mobile is always visible and on desktop just on hover.

Hi marcorevilla,

Thanks for reaching to us.

Navigate to Theme Settings > Product archive > Products styles and you can choose styles that display button without hovering, such as https://prnt.sc/dti4f6P3d83-

Regards,

Hello Hung! Thanks for the answer! In fact I was searching for some code to show the actual button without having to hover, like it is on mobile and not a different style.

Thanks!

Attachments:

You must be logged in to view attached files.

Hi marcorevilla,

Add the below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for desktop

.products .product-wrapper .wd-buttons[class*="wd-pos-r"]{
	opacity: 1;
	visibility: visible;
	transform: none;
}

Regards,

Hello! Thank you very much, it worked like a charm. Great support 🙂

Hi marcorevilla,

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

If you have a quick minute we always appreciate a 5-star rating on our theme!

https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

Your feedback is the motivation to improve our work and services.

Regards,

[Author]

Posts