top of page

Editor X Request: Scrolling Inside Lightboxes and Hamburger Menus


Editor X


Designing on Editor X



First Requested:

October 18, 2022 at 7:37:32 AM

Last Updated:

May 25, 2023 at 10:23:50 AM


Currently, site visitors cannot scroll inside a Lightbox or a Hamburger Menu
Container to see more of its content.

As a workaround, you can add a transparent container that's docked to the
bottom with a negative margin. This creates content overflow inside the
Lightbox / Menu Container, which will allow visitors to scroll.

## To manually add the option to scroll:

1. Click the Lightbox / Hamburger Menu Container in Editor X.
2. Click the Inspector icon at the top of Editor X.
3. Select **Scroll** under **Overflow content**.
4. Add a container to the Lightbox / Hamburger Menu Container.
5. Set the container to be transparent:
1. Click the container.
2. Click the Inspector icon at the top of Editor X.
3. Click the **Design** tab.
4. Drag the slider under **Background** to 0 opacity.
6. Add a bottom margin to the container to "create" the content overflow:
1. Click the **Layout** tab and scroll down to **Position**.
2. Dock the container to the bottom of the Lightbox / Hamburger Menu Container.
3. Add a bottom margin with a negative value (e.g. -100 px).
**Tip:** The negative margin you should enter depends on the amount of content
you have.

We are always working to update and improve our products, and your feedback is
greatly appreciated.

If this is a feature you would like to see in the future, please click **Vote
for this feature** and we'll make sure to keep you updated.

bottom of page