Product Reviews block cut off on phones

On some themes, the Product Reviews block can sit in a custom section that does not stretch it to full width. On phones the summary bars, sort row, and review cards then run off the right edge of the screen.

This was verified on Horizon (for example Horizon 3.5.0) when the block is in a custom section with horizontal alignment set to flex-start. The same CSS helps on other themes whenever the Product Reviews block does not stretch full width inside a flex section.

Fix with Custom CSS

Add this CSS in one of these places:

• Theme settings → Custom CSS, or
• The Custom CSS field on that section in the theme editor

.shopify-app-block:has(wise-product-reviews) { width: 100%; max-width: 100%; min-width: 0; }
wise-product-reviews { display: block; width: 100%; max-width: 100%; }

1. Paste the CSS and save.
2. Open a product page on your phone (or use a narrow preview, about 390px wide).
3. Confirm the summary, sort row, and review cards stay inside the screen.

Prefer the default install layout

When you add Product Reviews from the widget installer, it lands in its own section so the list gets the full width of the page. If you moved the block into a custom flex section and see overflow on phones, use the CSS above, or move the block back into a full-width section.

Install steps: Install the review widgets on your store.

Widget look and feel settings: Customize the review widgets.

Still stuck? Message us from the chat widget and we'll help.