-
juliacarereAsked on July 18, 2017 at 3:48 PM
How can I make the pop-up the right size to fit on a Mobile Screen?
-
David JotForm Support ManagerReplied on July 18, 2017 at 4:43 PM
What mobile device are you using? The pop-up modal fits correctly in mobile views:
-
juliacarereReplied on July 18, 2017 at 4:48 PM
The text I used was much longer and the X button ended up off screen, and it wasn't able to scroll to the bottom or to the right to click the X. I figured out both issues after doing some digging:
I changed the width to:
width: 250px;
I added this:
position: fixed;
overflow-y:scroll;
overflow-x:scroll;
It would be nice if the width could be 400px on desktop and 250px on mobile, but I'm not sure how to do that.
-
David JotForm Support ManagerReplied on July 18, 2017 at 5:47 PM
Leave the original code to 400px, then copy it, and change the copied version to 200px, and paste the copied version between this mobile query:
@media only screen and (max-width: 480px) {
Your code here...
}