Home Forums WoodMart support forum Remove on hover effect on shop page in mobile

Remove on hover effect on shop page in mobile

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #476313

    kwstas469
    Participant

    Hello i want to remove the hover effect i provide in screenshot in mobile only not in desktop.
    Thanks!

    Attachments:
    You must be logged in to view attached files.
    #476392

    Hello,

    The hover effect is enabled/disabled globally and on all devices. This option is in the Theme Settings > Product Archive > PRODUCTS STYLES

    Please try to add this code to the Theme Settings > Custom CSS > Mobile:

    .woodmart-hover-base.hover-ready.state-hover .fade-in-block, .woodmart-hover-base.hover-ready:hover .fade-in-block,
    .woodmart-hover-base.hover-ready.state-hover .content-product-imagin, .woodmart-hover-base.hover-ready:hover .content-product-imagin {
        display: none;
    }
    body .woodmart-hover-base.hover-ready.state-hover .product-wrapper, body .woodmart-hover-base.hover-ready:hover .product-wrapper {
        transform: none;
    }

    In addition, navigate to the Theme Settings > Product Archive > Product styles and enable “Open product on click on mobile” https://ibb.co/kghT6Sg

    Best Regards

Viewing 2 posts - 1 through 2 (of 2 total)