Hi Adam,
Please try adding the following CSS to the customizer (Appearance > Customize > Additional CSS):
.et_pb_wc_add_to_cart form.cart .variations td.value span.variable-item-span:after {
display: none;
}
Let me know if the issue is resolved.
Thank You
Dropdown icon over swatch is preventing selection
Adam Jobbins
We’ve just noticed that a recent update somewhere seems to now show a dropdown icon over the top of each swatch, and this is preventing selection of the swatch other than the default variant.
Example here: https://biostart.co.nz/karbyon/ click on the ‘how to buy button’. This page is using the ‘Woo Product Add To Card’ module of the Divi theme.
I’ve done a plugin compatibility check by disabling all plugins apart from Woo Commerce and this one, and the behaviour persists. If I disable this plugin, the default behaviour returns of the variant being able to be selected from a dropdown, but we prefer the visual look of the swatches (love this plugin by the way).
The dropdown icon is also appearing over the swatches on the storefront page (https://biostart.co.nz/buy-online/), but for whatever reason, the variations are still selectable on that page, however this is not the way most of our customers are using the site, instead buying from a product specific page such as the one linked above.
I’m not 100% sure if this is being caused by this plugin, or perhaps something with the Divi theme itself (which I can’t disable without breaking the entire site), but your advice would be appreciated. I’ve checked the Divi forums and can’t find anyone else there reporting the issue.