Reviews get cut off

Ask the Community General Questions
1

Hi @Max,

I hope you’re doing well! I’m trying to embed the Google Reviews widget code into a landing page builder using an HTML code box. However, when I click “read more,” the content gets cut off.

Is there a way to achieve this functionality, but in reverse, so the full text is visible? If not, could you suggest alternative solutions? Any guidance would be greatly appreciated.

Thank you for your help!

1 Like
3

Hi there, @Seat_Co :wave:

Apologies for this inconvenience!

Please add this code to the Custom CSS field on the Style tab of your widget’s settings and let me know if it helped:

.global-styles,
.container:has(.elfsight-app-2f8f1daa-6a1c-448e-801a-e823a9b708de) {
  height: fit-content;
}
1 Like
4

Hi @Max ,

Thanks for your help earlier! Unfortunately, it seems the solution didn’t quite work—or maybe I didn’t explain the issue clearly.

Here’s what’s happening: I have the “carousel” popup set up, but when I click ‘Read More,’ the content gets cut off in mobile because it’s inside a small HTML box in my landing page builder (image here).

Ideally, I’d love for it to work as a popup, just like it does on desktop. If that’s not possible, do you have any other suggestions based on this?

Thanks so much for your time and support!

1 Like
5

Hi @Seat_Co :wave:

It seems that you haven’t saved the code in the widget’s settings. I’ve added it and everything is working fine now:

image

image

Could you please double-check it?

I see that you’ve enabled Align Cards by Height option, that’s why the full reviews are opened in a popup and this feature works only for desktop.

The only way to open reviews in a popup on mobile is to enable Show Images/Business Owner Reply option:

image

image

Check it out and let me know if it helped :slightly_smiling_face:

1 Like
6

Hi @Max ,

Thanks so much for your help with this!

The page you reviewed is our main website, and the code you added has definitely improved the display—thank you for that!

However, the issue I’m facing is with my landing page builder (Unbounce). The way it works is that the content is embedded in a box where you add custom code, and that box defines the space available to display the content.

When the reviews expand, the content overflows outside the box, which is why it gets cut off. Here’s the live URL so you can see what I mean: https://shop.theseatco.com/chiavari-chairs-test (it has the widget with the custom CSS applied).

I’d prefer not to make the box larger because it would leave too much blank space for some reviews. I’m open to alternatives, though. If nothing can be done to fix this directly, I think switching to the grid view or enabling the “Show Reply” option could work as a solution.

Looking forward to hearing your thoughts!

1 Like
7

Hi @Seat_Co :wave:

Got you, thanks for sharing the link!

Our devs will check it for you, and I’ll update you once they respond :slightly_smiling_face:

8

This page seems to have been built with a different CMS, and each element on the page is positioned absolutely.

It means that even if I add some CSS to prevent the widget from being cut off, the surrounding blocks won’t adjust to its size change, and in the end, it will look like it does in the screenshot:

image
image2160×1314 323 KB

Thus, the only solution is to enable Show Images/Business Owner Reply to display full reviews in a popup.

Please let me know if this clarifies the situation or if you have any questions left :slightly_smiling_face:

9

Hi @Max ,

Thank you for the detailed explanation and for clarifying the limitations with the CMS. It makes sense now why the widget behaves this way.

I’ll proceed to enable the Show Images/Business Owner Reply option to ensure a good display of the reviews, and I’ll also test other layouts to see what works best.

Best regards!

2 Likes
10

Great, you’re always welcome :wink: