Disable mobile hover

Hi,

Try to add the following code snippet to the Custom JS area in Theme Settings to change this behavior

if( jQuery(window).width() <= 1024 ) {
    jQuery('body').on('click', '.woodmart-hover-base', function( e ) {
        window.location = jQuery(this).find('.product-element-top > a').attr('href');
    });
}

Regards

Strange, but we don’t see the code added to your source code. Could you please provide us your admin access so we can check it?

Try to add the following code snippet to the Custom CSS area for mobile and tablet devices in Theme Settings to remove them

div.woodmart-hover-base.hover-ready.state-hover, 
div.woodmart-hover-base.hover-ready:hover {
   -webkit-transform: none;
   transform: none;
}

div.woodmart-hover-base .content-product-imagin,
.woodmart-hover-base .fade-in-block {
    display:none;
}

Great, you are welcome!

Could you please describe your problem in more details and provide us some link where we can see the code added?

Did you add JS code also?

Try to put it to the custom JS on document ready event.

Is it possible to display some custom text on the hover on desktop page?

Ok thanks!