How to remove the scrollbar from a lightbox

If a page opening in a lightbox shows an unwanted scrollbar, you can hide it with custom CSS applied to the lightbox page itself, not to the main landing page that launches it.

This uses custom CSS and is not an official Unbounce feature. Add it to the lightbox page so the main page's scrolling is unaffected.

Hide the lightbox scrollbar

Add a stylesheet to the lightbox page with the following:

<style>
  body::-webkit-scrollbar { display: none; }
  body { overflow: hidden; -ms-overflow-style: none; }
</style>

Two things commonly cause the scrollbar in the first place: adjusting the Border settings while the entire lightbox section is selected, and third-party remarketing or pixel tags that inject a small hidden iframe. If the scrollbar persists after adding the CSS, check for those.

Looking to open a popup as the visitor scrolls, rather than remove a scrollbar? See How to Create a Click-Thru + Scroll Popup.