How to Fix the Infinite Scroll Issue on Weebly

If you're experiencing infinite scrolling after adding an Elfsight widget to your Weebly website, don’t worry! It may occasionally occur due to specific settings or conflicts within Weebly’s platform. In this guide, we’ll walk you through some simple fixes to resolve it.

Fixing the issue with CSS

The easiest way to fix the issue is to use the following CSS code:

.global-styles,
#icontent_container [class*='elfsight-app'] {
  height: fit-content;
}

To apply the CSS code, just add it to the Custom CSS section in your widget settings. While the exact section placement may differ depending on the app, it's usually located under the Style or Appearance tab:

That's it! Don’t forget to publish the changes to remove the scrolling from your website!

Fixing the issue by reinstalling the widget in iframe

Another option is to convert your installation code into an iframe format. Here’s how:

1

Get Share Link to your widget

Go to your Elfsight dashboard, find the necessary widget, and click Install:

Switch to the Share Link tab and click Copy Link:

2

Create an iframe

Use the following code to get your iframe code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.2.10/iframeResizer.min.js"></script>
<iframe onload="iFrameResize(this)" src="SHARE_LINK" style="border:none;width:100%;"></iframe>

In the code above, replace SHARE_LINK with the Share Link you copied earlier. Here's an example of the final code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.2.10/iframeResizer.min.js"></script>
<iframe onload="iFrameResize(this)" src="https://442ee0d83cf24f0e8c11412acc591fc7.elf.site" style="border:none;width:100%;"></iframe>

Please note that some widgets don't include the Share Link option. If you can't find it in your dashboard, check out this guide for more details.

3

Add the iframe code instead of a general installation code in your website's backend. If you need assistance, feel free to refer to these installation instructions.

All set! We hope this article helped you resolve the infinite scroll issue. If you have any further questions, don't hesitate to reach out to our Support team — we’re just a click away! 😊