Streaming live at 10am (PST)

Modal tablet view issue

I created a modal for my site, it works fine but when I view on a tablet there is a small space at the bottom of the screen that the modal background does not cover (see screen shot)

I tried adjusting the height and the z-index but can’t seem to get it to go all the way to the bottom of the page. Anyone have any suggestions for me?

Read Link: https://preview.webflow.com/preview/soulluciani?preview=47f3cf66ef1b25b2e9f07610008499ee


Here is my public share link: LINK
(how to access public share link)

You’re using some strange margins on the piece. Try these settings for you modal background div:

100vh = 100% of the view height aka the browser/screen height. :slight_smile: Great to use on items that you want to have covering the whole screen (100vw for width, 100vh for height) like modals. :smile:

Feel free to ask if you have any questions.

Thanks,

Waldo

@Waldo I tried that its still has the same issue. In regards to the margins I was just trying different thing to try to fix the problem, I reset them and still the same problem. Its odd because it doesn’t show that way in preview mode nor on any other device.

Any other suggestions?

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.