Horizon - Popup (browser/mobile) can't scroll

Store Design
, ,
1

I have a popup link on my product page, that on Browser and mobile can’t scroll.

pass: 1234

2

Hi @jopmoreira

Can you send me a screenshot or video showing which popup is not scrolling?

3

Dear @jopmoreira

To resolve the issue, please follow these instructions:

  1. Open the Code Editor
  • Go to Online Store > Themes.
  • Click the three dots (…) next to your theme and select Edit code.
  1. Find the Asset
  • In the left sidebar, scroll down to the Assets folder.
  • Click on base.css (or main.css / theme.css depending on your theme).
  1. Add Code
    Scroll to the very bottom of the file. Paste below source code:
dialog.popup-link__content.dialog-modal {
    pointer-events: auto !important;
}
  1. Save
    Click Save in the top right corner. Refresh your store to see the changes.
    image
    image1913×927 154 KB

Regard
Eric from Shopplaza

4

It’s better to keep the close button fixed+visible.

I’d recommend this code:

.popup-link__inner {
  max-height: 100%;
  overflow: auto;
  pointer-events: auto;
}

dialog.popup-link__content {
  height: 100%;
}

You can add it to the “Theme Settings”-> “Custom CSS” when in “Edit theme” editor.
Or can put at the bottom of your stylesheet, assets/base.css if it’s already modified.

Screenshot 2026-03-27 at 12.36.27 PM
Screenshot 2026-03-27 at 12.36.27 PM420×903 42.1 KB

5

Thanks. It works but the fixed close button+visible only works on mobile.

6

It works and i can close the popup by just clicking outside of the window but could it be possible to fix the close button?

7

hmm. I’ve amended the code in my original post, should work on desktop now too.