CSS issue with elementor custom product page

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author ThemeHigh

    (@themehigh)

    The issue was due to the add to cart form being applied the style display flex by the elementor theme. So anything placed inside the form will be horizontally aligned by default. Please add the below style in your theme’s additional CSS to fix the issue.

    .woocommerce div.product.elementor .elementor-add-to-cart.elementor-product-simple form.cart{
    flex-wrap: wrap;
    width: 40%;
    }

    We hope this will help.

    Thank you!

    Thread Starter leobughi

    (@leobughi)

    It works!

    Thank you very much!

    Plugin Author ThemeHigh

    (@themehigh)

    That’s Great! Thank you for letting us know ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS issue with elementor custom product page’ is closed to new replies.