Problem with over add to cart on mobile

Hello i need help to resolve a problem,on the mobile version where are the over add to cart button? i need to enable that.

The problem is with the Products (grid or carousel) and the option show button on over, on mobile doesn’t display.

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

It is the default behaviour of the Style that doesn’t work on the mobile.

Because the hover action doesn’t work on mobile devices.

Best Regards

Hello, i wrote two support post and in all of them you just said thats not possible, i need to enable that option because i bought this theme for the multiple features as that one. So please tell me how can i enable that on mobiles because i saw in other themes that the over action works perfect on mobile. Thanks

Hello.

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

@media (max-width: 1024px) {
	
	.website-wrapper .wd-hover-button .wd-add-btn {
		display: block;
		position: static;
	}

	.website-wrapper .wd-hover-button .product-element-top:before {
		display: block;
	}

	.website-wrapper .wd-hover-button .wd-add-btn {
			transform: none !important;
			opacity: 1;
			margin-top: 10px;
	}

	.website-wrapper .product-grid-item.wd-hover-button .wd-add-btn > a {
		 color: var(--btn-shop-color);
		 box-shadow: var(--btn-shop-box-shadow);
		 background-color: var(--btn-shop-bgcolor) !important;
		border-width: 0;
	}

	.website-wrapper .product-grid-item.wd-hover-button .wd-add-btn > a:hover {
		color: var(--btn-shop-color-hover);
		box-shadow: var(--btn-shop-box-shadow-hover);
		background-color: var(--btn-shop-bgcolor-hover) !important;
	}
	
}

Regards

Ok thanks i will try and let you know if thats works

Hello,

You are Most Welcome.

We will wait for your next reply.

Regards.
Xtemos Studios

[Author]

Posts