Hi @seandrx,
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.
Hi there, thank you for your response. Unfortunately neither pieces of code worked. I pasted in the CSS box of the Klaviyo Review Carousel section, just want to check this is the correct space?
Same issue here. Also both css snippets didn’t work. Would love to keep using Klaviyo when transitioning to the new theme.
I really hope to get a solution to this soon, because I would like to stick with Klaviyo as I use them for emails etc. It’s just not a great look to not be compatible with a new theme which has now had multiple iterations/updates.
Hi @seandrx,
I definitely understand that it’s frustrating that this widget isn’t working at the moment. I’m going to have our support team reach out to you over email to help troubleshoot this issue. They can look into your account and Shopify store to see why this is happening.
Hello! Our team has confirmed that this is unexpected behavior, and our engineers are looking into this issue, and aim to fix it as soon as possible.