A litte bit css support pls

Hello,

I need some CSS support from you guys.
In the mobile view on the mobile phone, the product view can be seen in the product grid as shown in the attached image.
The “Details” button is always visible.

Is it possible to display this “Details” button only when mous over (hoover) or to hide it completely?
In the desktop or tablet version, the current display is okay.

Only on the mobile phone does “Details” cover too much of the product photo.

Thanks and best regards
Verisato

Hello,

Mobile devices do not have hover, it is not possible to hove in mobile. That is why it is not possible to make anything on hover.

Best Regards

OK thank you for the information.

Alternatively, is it possible to hide the “Details” button in the mobile phone view?

Hello,

Sure, please add this code to the Theme Settings > Custom CSS > mobile:

body .woodmart-hover-quick .woodmart-add-btn {
display:none;
}

Best Regards

Hello,

thanks for your support but your custom css doesn’t works. Can you pls take a look again?

Hello,

Please clear the browser cache and check again if the problem remains, please provide your site admin access to the private area.

Best Regards

the browser cache is cleared the problem still remains.

Hello,

Please copy and paste the code to mobile as shown: https://prnt.sc/vm20pg

Best Regards

[Author]

Posts