Product Reviews Tab Width

Hello,

Currently the reviews tab of the products dispolays as two columns with the reviews on the left and the product review form on the right. When we have many reviews it looks strange having all the blank space to the right. Is there a way to have this tab full width?

Maybe it’s a woocommerce issue but thought I would check with you guys

Please see our examples in the private area:

Oh I think I worked it out with some code you give before. Is this correct?

body .woocommerce-Reviews {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 0;
margin-right: 0;
}
body .woocommerce-Reviews #comments,
body .woocommerce-Reviews #review_form_wrapper {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
width: 100%;
padding-left: 0;
padding-right: 0;
}
body .woocommerce-Reviews #comments {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
body .woocommerce-Reviews .commentlist {
margin-top: 20px;
margin-bottom: 0;
}

Hello,

We are Glad that you managed to find a solution for yourself. You are Great!!

You can keep the CSS if this works for you.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts