I’ve recently updated my website to the new Shopify Horizon theme, and after the switch the Featured Review Carousel section is not displaying correctly on mobile. See screenshot.
It shows as a much wider image, which in turn widens the website making it difficult to scroll on the home page.
Hi
This can sometimes happen if your site’s CSS interferes with how the widget displays. Since you recently updated your theme, it’s likely that the Horizon theme has some CSS that’s interfering with the widget.
If you add the below code to your page, it’ll set your left and right margin to auto, which will allow the widget to center correctly. I can’t guarantee that this will fix the issue on mobile, but it’s worth trying.
#klaviyo-featured-reviews-carousel {
margin-left: auto;
margin-right: auto;
}If that doesn’t work, you can try this version of the code instead:
#klaviyo-featured-reviews-carousel {
margin-left: auto;
margin-right: auto;
max-width: 1100px;
}After this, if the issue still persists, I’d recommend taking a deeper look at your site’s CSS to try and find the culprit. Finally, a specialist on our support team will be able to look into this if you get stuck. If it reaches that point, I’d recommend reaching out to Klaviyo.com/support, and asking them to take a deeper dive into the issue.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.