Currently, there isn't a simple way to change that behavior. You can follow these steps as a workaround.

https://testimonialhubshopify.userecho.com/en/knowledge-bases/2/articles/80-one-review-on-mobile-view

Looks like you already got it center-aligned. Let me know if there is anything else.

This will do 3 reviews horizontal.

Sorry, it should be this...

@media only screen and (max-width: 800px) {

.wprs_unslider {
margin-left: 25px;
margin-right: 25px;
}

}

Try adding this to the custom CSS for the review template.

@media screen and (min-width: 800px) {

// this css will only be used when the screen size is min 800px

.wprs_unslider {
margin-left: 25px;
margin-right: 25px;
}

}

If you are on the paid version you can change that text.

Have you thought about displaying 3 side by side instead of vertical? If you want to stay vertical then you can use the below CSS to squeeze them a little. Just add it to your review template in the custom CSS section.

.indrevdiv.wprevpro_t1_DIV_2.wprev_preview_bg1_T1.wprev_preview_bradius_T1 {

padding: 10px 20px 10px 48px;

}

p.wprevpro_t1_P_3.wprev_preview_tcolor1_T1 {
margin: 8px 0 4px !important;
}

.wprevpro_t1_DIV_1.w3_wprs-col.m2\.4 {
margin: 5px;
}

Can you link to your homepage so I can take a look? More than likely I can send you some CSS code to use.

Here you go.

https://testimonialhubshopify.userecho.com/en/knowledge-bases/2/articles/50-change-number-of-reviews-to-one-per-row-on-mobile-device

Let me know if you run in to trouble.

Can you post a link to the page?