Contributor I

Solved

Review Section not Full Width on Shopify

Forum|Forum|1 year ago
February 10, 2025
4 replies
169 views

Hi Everyone,

I need your help with one thing, when I add review section on my website it’s not showing as full width.

Is there a way to show it full width?

Thanks.

Best answer by Byrne C

Hi @mrafeek!

I believe this is happening due to the CSS of your site. You should be able to edit the CSS in a way that allows the reviews to take up the full width of the screen.

Since this involves editing the CSS of a Shopify store, I can’t guarantee that Klaviyo support will be able to provide code for this, but I have seen this CSS work in certain cases:

#klaviyo-reviews-summary { margin-left: auto; margin-right: auto; max-width: 1100px}

and

#klaviyo-reviews-list { margin-left: auto; margin-right: auto; max-width: 1100px}

This CSS would be added to the code on your product pages.

Let me know if this works! Additionally, other members of our community who have experience editing CSS in Shopify may also be able to offer advice here.

Best of luck,

Byrne

M

mrafeekAuthor

Contributor I

My website is get-glow.com

Byrne CAnswer

Community Manager

Hi @mrafeek!

I believe this is happening due to the CSS of your site. You should be able to edit the CSS in a way that allows the reviews to take up the full width of the screen.

Since this involves editing the CSS of a Shopify store, I can’t guarantee that Klaviyo support will be able to provide code for this, but I have seen this CSS work in certain cases:

#klaviyo-reviews-summary { margin-left: auto; margin-right: auto; max-width: 1100px}

and

#klaviyo-reviews-list { margin-left: auto; margin-right: auto; max-width: 1100px}

This CSS would be added to the code on your product pages.

Let me know if this works! Additionally, other members of our community who have experience editing CSS in Shopify may also be able to offer advice here.

Best of luck,

Byrne

MANSIR2094

Expert Problem Solver IV

Hello @mrafeek

The review section might be restricted by your theme’s container width. Try these solutions:

Check Theme Settings – In your Shopify theme editor, see if there’s an option to adjust the section width to “Full Width.”
Edit CSS – Add this to your theme’s CSS file (theme.css or base.css in the Online Store > Edit Code section):
```
.your-review-section-class {
    width: 100% !important;
    max-width: none !important;
}
```
Replace .your-review-section-class with the actual class used for your review section.
Check the Review App Settings – If you’re using a third-party review app, check its customization options for width adjustments.

Let me know if you need help finding the exact class name or adjusting the code!

Mansir Digital Portfolio

emma.owens

Community Manager

Hi @mrafeek !

Were you able to get this resolved by adjusting your site’s CSS code?

Sign up

Use your Klaviyo credentials

Log in to the Community

Use your Klaviyo credentials