Lock background scroll

Lock the page background while the Orbe Welcome popup is open.

Use this CSS to stop the page behind the Welcome popup from scrolling while the popup is open.

Paste it in Orbe, under Custom code.

body.orbe--opened {
    overflow: hidden !important;
}

html:has(> body.orbe--opened) {
    overflow: hidden !important;
}

body.orbe--opened #orbeCountryList,
body.orbe--opened #orbeLanguageList {
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

Orbe adds orbe--opened to the body when the Welcome popup is open. The class is removed automatically when the popup closes, so the background scroll is locked only while the popup is visible.

The country and language lists remain scrollable.