Skip to main content

Custom HTML Widget Cutting Off

  • 21 May 2024
  • 2 replies
  • 55 views

Hello, 

I have a landing page that contains a third party “comments” widget. This is in a custom html container in Unbounce to display user comments on the page. But more than a few comments and it cuts-off and never shows scroll bars. It looks like the widget's container has a fixed height with “overflow” hidden, which is why the widget cuts off without the scroll. To the right of the highlighted line indicates where overflow is marked, “hidden.” 

Can anyone assist with this or point me in the right direction? Thank you for any info or answers! 

 

 

2 replies

Michael_McInnes1
Rank
Userlevel 3
Badge

Hey @tsul65, thanks for posting! 😃 Can you please share your page URL with us? Thanks. 👋 

Md_Mahinur_Khan
Userlevel 4
Badge +1

@tsul65 As Michael said, yes please share the URL so that we can check from our side and mostly it sounds like the issue you're experiencing is due to the comments widget container having a fixed height and overflow set to "hidden," which prevents scroll bars from appearing when there are more comments than can be displayed. To resolve this, you'll need to adjust the container's CSS settings to allow overflow scrolling. Here’s a basic example of CSS you can try adding:

.your-widget-container {
    overflow: auto; /* or overflow: scroll; */
    max-height: 400px; /* Adjust height as needed */
}

Replace .your-widget-container with the actual CSS class or ID of your comments widget container. This should enable scroll bars when the content exceeds the container’s height.

If you're not comfortable making these changes yourself, you might want to reach out to your web developer or the support team for the comments widget for more specific guidance.

Hope this helps!

Mahin K. 🚀 boost conversions by 👉 https://www.grooic.com

Reply


Terms & ConditionsCookie settings