fbpx
Want To Add Extra Images Per Product Variation For Free? Download Now

Selected item background color MOBILE

I want it to be a green background after a variation is selected. Works great on pc, but doesnt work on mobile… product page

Example: https://sportaid.se/produkt/rehband-ud-x-stable-shoulder-brace-7731

Great plugin btw!

 

Humayon Kabir

Hello Joakim Nilsson,

Hope you are well.
Please add the below CSS in your theme or child themes style.

@media only screen and (max-width: 767px) {
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):hover, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover{
background-color: #81d742 !important
}

Hopefully, it will solve your above-mentioned issue.

Regards

Thanks