Skip to main content
Question

Review Section not Full Width on Shopify


Forum|alt.badge.img

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.

Did this topic or the replies in the thread help you find an answer to your question?

3 replies

Forum|alt.badge.img
  • Author
  • Contributor I
  • 1 reply
  • February 10, 2025

My website is get-glow.com


Byrne C
Community Manager
Forum|alt.badge.img+10
  • Community Manager
  • 73 replies
  • February 11, 2025

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
Problem Solver IV
Forum|alt.badge.img+13
  • Problem Solver IV
  • 184 replies
  • February 12, 2025

Hello ​@mrafeek 

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

  1. Check Theme Settings – In your Shopify theme editor, see if there’s an option to adjust the section width to “Full Width.”

  2. 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.

  3. 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!