Hi guys, I can’t seem to get Klaviyo reviews to take full width on my Shopify product page on the desktop. It still looks narrow like it’s on mobile. I am using Horizon theme. My website is www.diosdubai.com
Could anyone suggest what to do?

Hi guys, I can’t seem to get Klaviyo reviews to take full width on my Shopify product page on the desktop. It still looks narrow like it’s on mobile. I am using Horizon theme. My website is www.diosdubai.com
Could anyone suggest what to do?
Hey
Instead, try using “wrap” and see what happens, or this CSS to force the block to take the entire row:
shopify-block.shopify-app-block {
flex: 1 1 100%;
width: 100%;
max-width: 100%;
}
#klaviyo-product-reviews-wrapper {
width: 100%;
max-width: 100%;
}
Either way, this looks like it’s your website CSS clashing with the Klaviyo reviews block’s instructions. You’ll have to tweak the code a bit until you find the right ratio.
Let me know if this solved the problem!
Good point about the CSS! One more thing to check: even if the Klaviyo block is set to 100%, it could still look narrow if the parent container has a fixed max-width. Using Inspect Element to check the parent section’s width or max-width might help. Adjusting that could solve the issue if the block changes alone don’t work.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.