prestige theme featured collection in mobile view issue

[haseebzulfiqar9]

Hi,

When I open my site dianascloset.com.au in mobile, the portion highlighted takes 2-3 clicks to open product page instead of a single click. half of the picture is clickable and half is not.

please help

[haseebzulfiqar9]

[deepaksharma]

Hey there @haseebzulfiqar9 

I suggest in the mobile version of you website remove the hover effect and place an add to cart button, because it is literally impossible to hover in mobile version of website instead of PC. You can use an add to cart icon for mobile view which will be visible in mobile but dissapears on desktop view.

Take for example from this website

Password:5777

[haseebzulfiqar9]

yes bro how to do it, i only want to remove it from mobile

[haseebzulfiqar9]

want to remove hover

[deepaksharma · Accepted solution]

Try placing this code inside the your theme.scss.css 

@media screen and (max-width: 749px) {
    .product-image-and-swatch .product-size-swatch {
        background: linear-gradient(0deg, #fff, #ffffffce 45%, #fff0)!important;
        opacity:1!important;
        bottom:0 !important;
    }
}

[haseebzulfiqar9]

i have done it myself, can you check it?

[deepaksharma]

remove the code I gave earlier, find modify.scss.css file in the editor and find

.product-image-and-swatch .product-size-swatch

and change it's opacity to 1, currently opacity is 0