WooCommerce Variation Select Box Not Clickable on Elementor Pages

If you have created custom single product pages using Elementor, and are experiencing issues with the variation dropdown menu not being clickable, use the following CSS snippet:

.woocommerce div.product.elementor form.cart table.variations
td.value:before {
content: none;
}
.woocommerce div.product.elementor form.cart table.variations td {
display: block !important;
line-height: inherit !important;
}

All CSS snippets should be added via a child theme's style.css file or using the built-in Custom CSS panel.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.