Hello,
to show on mobile just as on desktop (on hover) http://prntscr.com/24asefw /
@media only screen and (max-width: 768px) { .sten-li-disabled:after, .type-color:after, .type-image:after { display: inline-block; } }
– add code in Theme Options > Theme custom CSS > Global or to show static http://prntscr.com/24asc4r
@media only screen and (max-width: 768px) { .sten-li-disabled:after, .type-color:after, .type-image:after { display: inline-block; opacity: 1; visibility: visible; position: static; transform: none; } ul.st-swatch-size-normal li.type-color { width: auto; height: auto; border: none; } ul.st-swatch-size-normal li.selected > span { outline: 1px solid #000; outline-offset: 2px; } ul.st-swatch-size-normal li.type-color span, ul.st-swatch-size-normal li.type-color:before { width: 20px; height: 20px; position: static; margin: 0 auto; } }
Regards
