How to remove extra mobile scrollbars on Google Sites

Unfortunately, due to the way Google Sites works, all elements are converted into an iframe format, which can cause display issues for widgets. Specifically, iframes calculate the height based on the desktop version.

So, on desktop, the widget may look just right:

But on mobile, an extra scrollbar may appear:

To fix this, you’ll need to stretch the widget’s height on desktop. Simply click on the widget's container and drag it down:

After stretching the container, switch to Preview mode and select the mobile view. If the scrollbars are gone, you're all set! If not, simply stretch the container a bit more and check again in preview:

The exact amount of stretching may vary, so it’s a bit of trial and error, but this process will help you find the right fit. Keep in mind that this workaround might leave some empty space below the widget on desktop, but that's the best we can do for now.