How to Remove Vertical Scroll Bar in an Elementor Popup

On a discussion on Reddit, a user asked how to remove the vertical scroll bar on a popup in Elementor. In this post, we will show you how to solve the issue.

As you might have known, the pro version of Elementor comes with a popup builder feature to allow you to create beautiful popups on your WordPress in a visual way. You have two options to create a new popup. First, you can create one from scratch. Second, you can create a popup from a premade template. The vertical scroll bar usually appears when you create a new popup via the second option.

When you create a popup from a premade template (which means you import the template), all the stylings and settings belong to the template will be applied to your popup. Thus, if the premade template has the Disable Page Scrolling option enabled, your popup will have it too. To disable the page scrolling, click the gear icon on the bottom-left corner to open the popup settings panel. Go to the Advanced tab and enable the Disable Page Scrolling option.

If the issue still not fixed, you can try to set the height of the popup. To do so, you can open Layout block on the Settings tab. You can set the weight on the Custom Height option. You can increase the height to remove the vertical scroll bar as you can see on the following screencast.

This page may contain affiliate links, which help support our project. Read our affiliate disclosure.
Editorial Staff

Editorial Staff

WordPress page builder tutorials, tips, and resources
Want to save yearly expense up to $219? why not?

Leave a Comment

Haven’t used Elementor Pro yet?