Hide variations color on shop page for mobile

Dear,

Is this the right CSS code for hidding the variations color on shop page on mobile only ?

.woodmart-hover-base:hover .wrapp-swatches, .woodmart-hover-base.state-hover .wrapp-swatches {
display: none
}

Thanks

Attachments:

You must be logged in to view attached files.

Hello,

No, your css code is not the correct code to hide the swatches from mobile devices.If you try to hide the swatches from the product grid with css code. It will also hide all the other swatches if you have any others and this will be applied to shop page as well as any other page where you used your product grid . To hide the swatches from mobile devices you can use the below css in Theme Setting >> CUSTOM CSS >> Custom CSS for mobile and Custom CSS for mobile landscape:

.woodmart-hover-base:hover .wrapp-swatches{
display:none;
}

Screenshot: https://jmp.sh/YQotAVe
Result: https://jmp.sh/fWmlK91

Best Regards.

Perfect, thanks, you can close this ticket

Most Welcome!..

Thanks for contacting us.
Have a great day.

Topic Closed.

Best Regards.

[Author]

Posts