Home Forums WoodMart support forum Remove current product hover effect in shop page responsive view

Remove current product hover effect in shop page responsive view

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #104030

    zuerst.digital
    Participant

    We would like to remove the hovering effect in the shop page responsive view (mobile & tablet) to let the user directly go to the product page with a single tap.

    #104109

    Hello,

    Please add the code to the Theme Settings > Custom CSS > Tablet and Mobile:

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

    In addition, you need to activate “Open product on click on mobile” https://prnt.sc/mc2zg3 in the Theme Settings > Shop > Product Style.

    Best Regards

    #104179

    zuerst.digital
    Participant

    it’s working. Thank you!

    #104198

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

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

The topic ‘Remove current product hover effect in shop page responsive view’ is closed to new replies.