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.
The topic ‘Hide variations color on shop page for mobile’ is closed to new replies.
.
