product in shop page customize

Look at the photo and tell me how can we achieve this under 1024px?

Also, I have another topic shown in the video below.
Can you explain why every time I add a product to the cart (under 1024) another product in the next row popups?
Can we disable this function because I don’t like it?

Try to add the following code snippet to the Custom CSS area in Theme Settings to make short description always visible.

div.woodmart-hover-base .hover-content {
	    max-height: none;
}

We check your issue in our test environment and don’t find such problem (https://gyazo.com/50b409e91457664941da0d942dd7b119). There is no hover state on mobile devices and next row product hover will not be activated by mouse. For proper mobile testing, you need one of the devices itself or test mobile pages in Chrome with Mobile Toolbar mode activated. Ctrl + Shift + M with Developer Tools opened.

Regards

The code worked well.
As far as the second issue I know there is no hover state in mobile devices.The video was taken from my tablet.So I didn’t use any mouse.Why don’t you check my site in a similar device to confirm or not if you see the same with me? When I tested your demo pages didn’t notice anything so I presume maybe it’s my configuration causing the issue.
Regards

Hi,

We found the issue and will fix this error in our next theme update.

Kind Regards

Thank you and I will wait for the upcoming update.
Close the ticket

[Author]

Posts