Streaming live at 10am (PST)

Modal tablet view issue


#1

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)


#2

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. :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


#3

@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?


#4

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