Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    iOS Safari Viewport Height

    General Discussion
    3
    4
    1078
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • jwk
      jwk last edited by

      Hello everyone,

      I couldn't manage to get content in 100vh with iOS Safari. The navigation bar of safari is overlaying the lowest part of my 100vh. It's a well-known problem and there are a few solutions on the web. Unfortunately, nothing works in my case. For example:
      https://css-tricks.com/the-trick-to-viewport-units-on-mobile/

      Has anyone managed to make 100vh work in iOS Safari?

      It should look like this (what it does in many cases):

      0_1558363140524_Bildschirmfoto 2019-05-20 um 16.36.38.png

      But on an iPhone X it looks like this:

      0_1558363280976_IMG_4030.PNG

      1 Reply Last reply Reply Quote 0
      • mariusjopen
        mariusjopen Global Moderator last edited by

        Dear @jwk
        that is a tricky one.
        Not sure if we will get a fix for that quickly.
        I will forward it to Armin.

        Best!

        Marius

        www.mariusjopen.world

        1 Reply Last reply Reply Quote 0
        • jwk
          jwk last edited by

          Thank you guys, I'm thankful for every help I can get :)

          1 Reply Last reply Reply Quote 0
          • arminunruh
            arminunruh Global Moderator last edited by

            Mh sorry for the late reply.
            Not much we can do here, sry!

            1 Reply Last reply Reply Quote 0
            • First post
              Last post
            Post a link to where the problem is
            I don't answer or check forum DMs, please just post on the forum.
            Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com

            Before you post:

            Use the Search Feature. Maybe there is already a solution to your issue.

            1. Update Lay Theme and all Lay Theme Addons
            2. Disable all Plugins
            3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
            4. Now see if your problem solved itself
            5. Go here, see if your problem is listed here:
            Troubleshooting

            When you post:
            1. Post a link to where the problem is
            2. If the problem is difficult to explain, post screenshots / link to a video to explain it

            Thanks!

            Online Users

            C
            K
            Q
            L

            Recent Topics

            • L

              HTML

            • M

              Burger menu in desktop and tablet view

            • M

              WPForms Lite not working with new theme update (5.5.5)

            • K

              remove licence from old site

            laytheme.com