How to Remove Vertical Scroll Bar in an Elementor Popup

Updated: May 3, 2021

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.

Originally posted on: May 3, 2021

This page may contain affiliate links, which help support WP Pagebuilders.

Building a website is as fun as playing puzzle with Elementor

Leave a Reply

Your email address will not be published. Required fields are marked *

Pin It on Pinterest

Share This

Share This

Share this post with your friends!