Divi 5 Scrollable Popups on Mobile and Tablet (Complete Guide)
Creating popups in Divi 5 is easier than ever thanks to the new interactions system, but one common challenge designers face is handling long popup content on smaller screens. When a popup contains forms, text, or multiple elements, it can easily overflow the screen on tablets and mobile devices.
If a popup is not configured correctly, important content can become inaccessible. Users may not be able to scroll, close the popup, or reach key buttons. This creates frustration and can negatively impact conversions and usability.
Divi 5 provides all the tools needed to solve this issue without plugins or custom JavaScript. By combining interactions with layout controls and visibility settings, you can create popups that scroll smoothly on all devices.
The first step is creating the popup itself using Divi 5 interactions. You can trigger the popup on button click, page load, or other interactions, and assign a close button using the same system. This ensures consistent behavior across your site.
Once the popup is created, the key is controlling its height. Instead of allowing the popup container to grow endlessly, you apply a fixed height. This creates a defined viewport for the popup content, especially important on mobile screens.
With a fixed height in place, Divi 5 allows you to enable vertical scrolling. Using the Visibility tab, you can set the overflow behavior to allow scrolling within the popup container. This ensures that all content remains accessible, regardless of screen size.
This approach works particularly well for long forms, detailed information blocks, privacy policies, or terms and conditions displayed inside popups. Users can scroll naturally without the popup breaking out of view.
Responsive controls in Divi 5 allow you to fine-tune the popup height for different devices. You can set one height for desktop and adjust it for tablet and mobile, ensuring the best possible experience on each screen.
Another important detail is ensuring the close button remains visible. By positioning it at the top of the popup or fixing it within the container, users can easily exit the popup at any time, even when scrolling through content.
Because this solution relies entirely on native Divi 5 features, it remains lightweight and future-proof. There’s no need for third-party popup plugins that can slow down your site or introduce compatibility issues.
Scrollable popups also improve accessibility. Users on touch devices expect content to scroll naturally, and this setup aligns with standard mobile interaction patterns, making your site feel more polished and professional.
As mobile traffic continues to dominate, designing popups that work properly on smaller screens is no longer optional. Scrollable popups ensure your content is usable, readable, and conversion-friendly across all devices.
By mastering this Divi 5 popup scrolling technique, you eliminate one of the most common usability issues in popup design. The result is a smooth, responsive popup experience that works exactly the way users expect, no matter what device they’re using.
Try out the Divi theme:
https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=33651
Divi 5 Playlist:
https://www.youtube.com/playlist?list=PLqabIl8dx2wrUbEebdYhvi9W7TF2zh-De
Divi Ultimate Guide For Getting Started:
https://www.youtube.com/playlist?list=PLqabIl8dx2woKN3MwcKmb0cNW9b-SubTU
Divi 5 For Beginners:
https://www.youtube.com/playlist?list=PLqabIl8dx2wpTPJVF5ebgkOmcbd8QsUZP
Divi Supreme Modules Pro Plugin 10% Off:
https://divisupreme.com/system22/?ref=6
Divi Supreme Modules Light Plugin:
https://divisupreme.com/divi-plugins/?ref=6
Divi Supreme Modules Playlist:
https://www.youtube.com/watch? v=ZAO2MH0dQtk&list=PLqabIl8dx2wo8rcs-fkk5tnBDyHthjiLw
Playlist page for more videos on this:
https://www.youtube.com/c/System22Net/playlists
Full Ecommerce Site Build Playlist:
https://www.youtube.com/watch? v=rNhjGUsnC3E&list=PLqabIl8dx2wq6ySkW_gPjiPrufojD4la9
Contact Form With File Upload Video:
https://youtu.be/WDo07nurfUU
Divi 4 Theme Create An Ecommerce Store In One Hour:
https://youtu.be/qP-ViPakoSw
Sub:
https://www.youtube.com/channel/UCYeyetu9B2QYrHAjJ5umN1Q?sub_confirmation=1
Latest YouTube Videos
