Hello,
To fix overlap and mobile appearance use the following custom
.variations_form .st-swatch-preview-single-product.st-image-swatch {
margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
.type-color:after, .type-image:after, .sten-li-disabled:after {
display: inline-block;
}
}
Is it possible to display it in other ways?
Provide mockup how would you prefer to display it?
Regards