Varieble product error

Please try adding the below style in your theme’s Additional CSS.

.woocommerce div.product.elementor form.cart .woocommerce-variation-add-to-cart{
    flex-wrap: wrap !important;
}

We hope this will help.

Thank you!

ouch! i added the code on the additional CSS but it doesn′t do anything.

Please try to add the below style in your theme’s Additional CSS.

.woocommerce-variation-add-to-cart {
      display: block !important;
}

We hope this will help.

Thank you!

Thanks Themehigh team for your reply and help, just one more thing i need to aling the button in the center of the form.

Please try to add the below style in your theme’s Additional CSS.

.woocommerce .product div.entry-summary .cart .button {
      margin: 0px 0px 9px 218px;
}

Hope his help.

Thank you!

Hello! thanks guys!! it looks like i want.

Great!

Hello guys!! sorry me again with same thread, i have a problem when i see the button on mobile. How can i set up one view without broke the desktop view.

THANKS!!

We are a little bit unclear about your exact requirement. Could you please clarify with the help of a screenshot?

Thank you!

https://ibb.co/4tV282Z

Please try to add the below style in your theme’s Additional CSS.

@media only screen and (max-width: 500px) {
   .woocommerce .product div.entry-summary .cart .button {
        margin: 0px 0px 8px 102px;

     }
   }

We hope this will help.

Thank you!