Hi Martin,
Thanks for getting back to us.
Please try the following CSS at Appearance > Customize > Additional CSS
@media screen and (max-width: 767px){
form.wvs-loaded td.label{
display: none;
}
}
Hope to hear from you soon.
Thank You
Hi Martin,
Thanks for getting back to us.
Please try the following CSS at Appearance > Customize > Additional CSS
@media screen and (max-width: 767px){
form.wvs-loaded td.label{
display: none;
}
}
Hope to hear from you soon.
Thank You
Hi Hakik,
the name is hidden, but the variations should be in three columns. Please see the screenshot https://snipboard.io/u8g9kY.jpg
Thanks a lot.
Best regards
Hi Martin,
Please replace the previous CSS with the following:
@media screen and (max-width: 767px){
form.wvs-loaded td.label{
display: none;
}
.woocommerce.woo-variation-swatches div.product form.wvs-loaded .variations td {
width: 100%;
}
}
Thank You
Hi Hakik,
thanks a lot. I want make it on desktop too. Can you please provide me the CSS for desktop?
Best regards
Hi Martin,
I want make it on desktop too. Can you please provide me the CSS for desktop?
Please replace the previous CSS with the following:
form.wvs-loaded td.label{
display: none;
}
.woocommerce.woo-variation-swatches div.product form.wvs-loaded .variations td {
width: 100%;
}
Thank You
Hi Hakik,
thanks a lot.
Best regards,
Hi Martin,
We get excited & honored when you use our plugin on your site.
If you found my support helpful, could you please leave your valuable review here: https://wordpress.org/support/plugin/woo-variation-swatches/reviews/?filter=5
Your rating keeps us inspired.
Thank You
Hide Swatches Name
Martin Braut
Hi team,
please can you hide the name of variation swatches on mobile version:
Thanks a lot.