Good evening. Could you scroll a modal window? The problem is that if the information in the modal window goes beyond the screen size of the mobile device, it cannot be viewed.
Hi,
The Modal popup uses fixed CSS positioning. Therefore the scrolling is not available.
...................................................
Sincerely,
Olivia
Nicepage Support Team
Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp
How to work around this?
My modal content is too much for mobile, so without scrolling it is cut off
Hi,
Unfortunately we do not have a solution for this situation, usually modal popups are supposed to have a little content in them.
...................................................
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
It's not a fix - but a work around is to make duplicates of the modal and of the button (assuming that is the trigger) and format them for each screen. Then use the hide on devices functionality for the button and modal to match the applicable screens. I ended up creating 4 different versions (lg, md, sm, and ty) You will undoubtedly loose information that can be (should be) displayed on the modal with a scroll bar, but at least this is a path forward.
If the content is too much for a modal popup, I would simply use the accordion element, or even a different page. You could also try using an iFrame with a scroll bar, but iFrames are not liked by search engines these days.
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;
}
Owen,
What's wrong with that? Add Modal, add Accordion.
...................................................
Sincerely,
Alan R.
Nicepage Support Team
Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp
