Jump to content
evenpar

How much content in a w3 css 'modal'?

Recommended Posts

Hi there,

I put a little website together and used a 'modal' for the impressum. I liked the pop-up/overlay.

Now I had to add new and lengthy privacy information (new EU rule, taking effect from May, 25). So I made up a second button and modal and everything worked fine on any desktop browser.

But not on a mobile device (tested on Android und Chrome)! The modal box/ pop-up/ overlay is cut off after maybe half the length. The non visible overlay is still scrolling up until I come to the end (I can see the rubber band effect at the end). But neither modal nor content is visible. I attached an example screenshot were you can see how the modal ends unexpectedly.

Obviously the amount of the content is no problem on a desktop browsers but on a mobile. Anyone else is experiencing this behavior? Any idea how to solve this?

Thank you very much for your help!

Klaus

Screenshot_20180508-185228~01.jpg

Share this post


Link to post
Share on other sites

Then you need to restrict the height, and maybe provide a vertical scrollbar to view the rest of the content. Similar to

https://www.w3schools.com/code/tryit.asp?filename=FR7H8AQMVG2B

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×