i added this css to desktop css:
.lay-no-variations .lay-woocommerce-product-tab{
width: 100%!important;
}
.summary > *{
max-width: 100%!important;
}
.summary{
width: 49%!important;
padding-left: 15%!important;
padding-right: 15%!important;
}
body.single-product #lay-woocommerce .lay-woocommerce-product-text{
width: 100%!important;
}
.lay-woocommerce-summary-inner form{
text-align:center!important;
}
.woocommerce div.product form.cart .button{
float: none;
display: inline-block!important;
}
and for mobile css:
.lay-no-variations .lay-woocommerce-product-tab{
width: 100%!important;
}
.summary > *{
max-width: 100%!important;
}
.summary{
width: 100%!important;
padding-left: 15%!important;
padding-right: 15%!important;
}
body.single-product #lay-woocommerce .lay-woocommerce-product-text{
width: 100%!important;
}
.lay-woocommerce-summary-inner form{
text-align:center!important;
}
.woocommerce div.product form.cart .button{
float: none;
display: inline-block!important;
}
[image: 1772118019651-screenshot-2026-02-26-at-16.00.14.png]
