Elementor Lightbox Disable Page Scrolling When Opened

Elementor Lightbox Disable Page Scrolling When Opened

First, let’s add this Elementor lightbox without page scrolling code

Add this CSS to a global location so it applies to every page of your website. You can place it in your child theme’s styles.css file, Elementor’s global CSS settings, or the theme customizer under Additional CSS.

				
					/* disable page scrolling when Elementor lightbox is opened, from https://element.how/elementor-lightbox-disable-page-scrolling/ */
:is(html,body):has(.elementor-lightbox:not([style*="display"])) {
    overflow: hidden;
}

				
			
Taking it further A quick note from me, Maxime, the owner of Element.How: I’ve developed a CSS course tailored for Elementor users. It covers everything you need to start adding custom CSS to your Elementor websites and is designed to elevate your Elementor skills. Try out a few chapters and see how it works for you! With our one-month, no-questions-asked money-back guarantee, you can easily get a full refund if it’s not the right fit.

Do you need an expert? HIRE US NOW!