Hide Swatches Name

Variation Swatches For WooCommerce
3

Martin Braut

6 days ago

Hi team,

please can you hide the name of variation swatches on mobile version:

Thanks a lot.

Hakik Zaman

3 days ago

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

Martin Braut

3 days ago

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

Hakik Zaman

3 days ago

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