If you’re using the Elementor page builder with Product Add-Ons Ultimate, you might find the layout on the product page goes awry, most probably with the Add-Ons and the Add to Cart button appearing next to each other in two columns.
This is because Elementor applies a flex layout to the cart form. You can fix this by adding this CSS to your Additional CSS field in the Customizer:
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.woocommerce div.product.elementor form.cart.variations_form .woocommerce-variation-add-to-cart, | |
.woocommerce div.product.elementor form.cart:not(.grouped_form):not(.variations_form) { | |
display: block; | |
} | |
.elementor-element ul.pewc-product-extra-groups { | |
padding: 0; | |
} |