Hi Joshua,
Thanks for reaching out to us. From my inspection, you are not using our plugin.
Our plugin is Variation Swatches for WooCommerce by Emran Ahmed.
I would request you contact the correct plugin author regarding your issue.
Thank You
I just reactivated it. Please check again and you will see that the issue I am describing on mobile is there
Hi Joshua,
Thanks for your clarification. Please add the following CSS at Appearance > Customize > Additional CSS
@media screen and (max-width: 980px){
.woo-variation-swatches .variable-items-wrapper {
width: 100%;
}
.woo-variation-swatches .wvs-archive-variations-wrapper .variable-items-wrapper .variable-item:not(.radio-variable-item) {
width: var(--wvs-archive-product-item-width,30px) !important;
margin: 4px !important;
}
}
Some other CSS from the theme is overriding our CSS. It is the reason for the issue you were facing.
Thank You
Awesome. Just added the code at it looks great on mobile.
Thank you for the fix! This is much appreciated! Plugin is great!
Hi Joshua,
Glad to know it helped you to achieve your goal.
We really 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
Swatches Show Vertically On Mobile
Joshua Webb
Hi,
Everything seems to be working fine on desktop, however on mobile the swatches are stacked horizontally. Also, the swatch color boxes are different sizes on mobile.
How can this be fixed? I have looked at other posts about clearing the cache and all of that. I have also done the disable plugin method to see if there was a conflict. None of that has worked. Do you have a solution for this?
I just purchased this today and would like for it to work for the site.
Thank you 🙂