modal popups do not scroll in website

Hi Omar,

The modal popup is positioned fixed on the screen, but on the small screen it can go down the screen borders as you have a lot of content in the popup.
You can try to decrease the height of the popup or edit the position to be shown on the top of the screen.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Unfortunately, most of the cases in Nicepage and Themler are incomplete and there are flaws.

To solve this problem, just put (modal-body-scroll) in the CSS Class section of the modal-popup,
Then enter the following codes in the css site settings.

.modal-body-scroll {
min-height: unset !important;
max-height: calc(100vh - 100px) !important;
overflow-y: auto !important;
}

Hello Omar,

We are glad that you find the solution. You always could use our suggestions above as well for now.
Thanks for your feedback and information, we added your suggestion to our wishlist so our Developer Team could check and test such possibilities according to workload and Nicepage Road map.
...................................................
Sincerely,
Negat Veri
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Unfortunately, most of the cases in Nicepage and Themler are incomplete and there are flaws.

To solve this problem, just put (modal-body-scroll) in the CSS Class section of the modal-popup,
Then enter the following codes in the css site settings.

.modal-body-scroll {
min-height: unset !important;
max-height: calc(100vh - 100px) !important;
overflow-y: auto !important;
}

Thank for sharing this Matin

Nicepage, this should be hard coded in all popup to ensure readability

Thank you

Unfortunately this solution isn't working anymore for me. Is there a different approach in the meantime?

Unfortunately this solution isn't working anymore for me. Is there a different approach in the meantime?

This always works, only the target class may be different. You need to replace .modal-body-scroll with the main class. I think that usually the class of all pop-ups is .u-dialog.
.u-dialog {

 min-height: unset !important;
 max-height: calc(100vh - 100px) !important;
 overflow-y: auto !important;

}