Aligning dialog on mobile
0
I have a dialog that pops up on a page load. It slides in from the top and then slides back up when it is closed. It works correctly on a desktop and displays as I want. But on a mobile device, the bottom of the dialog can be seen when it should be hidden. And when it shows on the page, it displays to far down the page so the user can't see the whole dialog. I don't know how to set this up completely in jsfiddle to show the dialog but I have added my main code here. You can see the bottom of the dialog is showing but it shouldn't be. If the line in the media is removed the bottom doesn't show. If I could figure out how to show the dialog on the page, you would see that it displays too far down. I hope this is enough for someone to help. Here's my code from jsfiddle. <style> ...