Hide Background Hover on Mobile View

Site URL: https://pierrekaram.com/

Hello everyone,

I need some help with my website. I would like to disable the background hover effect only for the mobile view on my website. (so prevent the background image changing when you simply touch it with your finger). Could someone help me with that? Thanks for your help

The password is pierrekaram00

5 hours ago, bangank36 said:

You can try the following code

/*prevent hover effect on mobile*/
@media only screen and (max-width: 767px) {
  #collection-6169c831ec5ab773cfc058ad .portfolio-hover[data-animation="fade"] .portfolio-hover-bg[data-active="true"] .portfolio-hover-bg-img {
    opacity: 0;
    visibility: hidden;
  }
}

Let me know how it works on your site

It worked perfectly. Thank you so much!