Product containers are touch sensitive and move on mobile phone. How do I stop this please?

[Layton]

Hi everyone, I require someone's expertise please...

My website URL is https://www.gr8-kitchenware.co.uk & I use prestashop 1.7.5 + theme PRSADD040

When mobile users access my site and scroll through my products, the product containers respond to touch and change colour/move upwards when scrolled past and touched.

This makes my website a little messy and harder to navigate and I would like them to be completely fixed in place.

I have attached screenshots to demonstrate what happens.

If someone is able to advise me on how I could change this I would be extremely grateful.

Thank you so much.

[Prestachamps]

Hi @Layton

Add these css rules to the end of your theme.css. This will fix both the upward move and the image's border color change.

 

@media (max-width: 480px) {
    .products .product_list li:hover .product-title a {
        height: 62px;
    }
    li:hover .thumbnail-container,
    .products .product_list li:hover .product-thumbnail {
        border-color: #eeeeee;
    }
}

Cheers, Leo

[Layton]

Thank you so much @Prestachamps this has worked for me.

Best wishes,

-Layton.