Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. Bug Reports
  3. Hidden Mobile Menu > white Bar on Bottom by 100vh

Hidden Mobile Menu > white Bar on Bottom by 100vh

Scheduled Pinned Locked Moved Bug Reports
37 Posts 3 Posters 1.5k Views
  • 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.
  • A Offline
    A Offline
    arminunruh
    Global Moderator
    wrote on Jun 15, 2022, 1:58 PM last edited by
    #25

    ok lets take this page for example:

    https://michaelplessl.com/index/

    it has a custom phone layout with 2 rows

    the first row is 100vh
    and then theres another one underneath with some text in it

    the first row fills out my safari browser on my iphone pro 12

    so ure saying there is a bar at the end of the page on https://michaelplessl.com/index/ on your iphone?

    F 1 Reply Last reply Jun 16, 2022, 5:51 PM
    1
    • A arminunruh
      Jun 15, 2022, 1:58 PM

      ok lets take this page for example:

      https://michaelplessl.com/index/

      it has a custom phone layout with 2 rows

      the first row is 100vh
      and then theres another one underneath with some text in it

      the first row fills out my safari browser on my iphone pro 12

      so ure saying there is a bar at the end of the page on https://michaelplessl.com/index/ on your iphone?

      F Offline
      F Offline
      fabiandraxl
      wrote on Jun 16, 2022, 5:51 PM last edited by fabiandraxl Jun 16, 2022, 1:52 PM
      #26

      Hej @arminunruh,

      Hmm, I probably made a mistake with the example, sorry, for some reason the text was in the second row. I have fixed that now and you don't see a bar on my iPhone X anymore and the page is also displayed in 100vh. But the bar is still there on an iPhone 8 for example.

      Other example: On the frontpage there are also 2 rows, there is now no more bar displayed but the second row protrudes into the area that should be 100vh, here is a screenshot from my iPhone X:

      IMG_1521.PNG

      And the worst example can be found here (fullscreen slider on 100vh) where a white bar is displayed at the top and bottom:

      IMG_4E70C0CDC145-1.jpeg

      Thank you, Fabi

      F 1 Reply Last reply Jun 20, 2022, 7:37 PM
      0
      • F fabiandraxl
        Jun 16, 2022, 5:51 PM

        Hej @arminunruh,

        Hmm, I probably made a mistake with the example, sorry, for some reason the text was in the second row. I have fixed that now and you don't see a bar on my iPhone X anymore and the page is also displayed in 100vh. But the bar is still there on an iPhone 8 for example.

        Other example: On the frontpage there are also 2 rows, there is now no more bar displayed but the second row protrudes into the area that should be 100vh, here is a screenshot from my iPhone X:

        IMG_1521.PNG

        And the worst example can be found here (fullscreen slider on 100vh) where a white bar is displayed at the top and bottom:

        IMG_4E70C0CDC145-1.jpeg

        Thank you, Fabi

        F Offline
        F Offline
        fabiandraxl
        wrote on Jun 20, 2022, 7:37 PM last edited by
        #27

        Hej @arminunruh

        Any Update on this?

        Need a Solution soon, my client getting pretty impatient. 🦹🏼‍♂️

        If it is not solvable, I would have to build a new layout ...

        Please keep me updated and thank you very much,
        Fabi

        F 1 Reply Last reply Jun 24, 2022, 8:53 AM
        0
        • F fabiandraxl
          Jun 20, 2022, 7:37 PM

          Hej @arminunruh

          Any Update on this?

          Need a Solution soon, my client getting pretty impatient. 🦹🏼‍♂️

          If it is not solvable, I would have to build a new layout ...

          Please keep me updated and thank you very much,
          Fabi

          F Offline
          F Offline
          fabiandraxl
          wrote on Jun 24, 2022, 8:53 AM last edited by
          #28
          This post is deleted!
          F 1 Reply Last reply Jun 30, 2022, 2:29 PM
          0
          • F fabiandraxl
            Jun 24, 2022, 8:53 AM

            This post is deleted!

            F Offline
            F Offline
            fabiandraxl
            wrote on Jun 30, 2022, 2:29 PM last edited by
            #29

            Hey @arminunruh ,

            How's it goin'? I have been waiting for a solution to the problem since the beginning of April. It would at least be nice if you could tell me that it can't be solved in the near future, then I can communicate this to my client and I will set up the site differently.

            Please let me know soon.
            Thank you, Fabian

            1 Reply Last reply
            0
            • A Offline
              A Offline
              arminunruh
              Global Moderator
              wrote on Jul 4, 2022, 12:37 PM last edited by
              #30

              hey there!

              sorry man,

              on my iphone 12 pro it works perfectly

              gonna try and look at it on an iphone 8 and x now

              1 Reply Last reply
              0
              • A Offline
                A Offline
                arminunruh
                Global Moderator
                wrote on Jul 4, 2022, 12:44 PM last edited by
                #31

                this is on an iphone x, ios version 11:
                Screenshot 2022-07-04 at 14.38.10.png

                this is on an iphone 8, ios 15.4:
                Screenshot 2022-07-04 at 14.39.50.png

                seems to look correct

                this is the link i looked at:
                https://michaelplessl.com/frontpage/

                which ios version are you on?

                F 1 Reply Last reply Jul 4, 2022, 12:58 PM
                0
                • A arminunruh
                  Jul 4, 2022, 12:44 PM

                  this is on an iphone x, ios version 11:
                  Screenshot 2022-07-04 at 14.38.10.png

                  this is on an iphone 8, ios 15.4:
                  Screenshot 2022-07-04 at 14.39.50.png

                  seems to look correct

                  this is the link i looked at:
                  https://michaelplessl.com/frontpage/

                  which ios version are you on?

                  F Offline
                  F Offline
                  fabiandraxl
                  wrote on Jul 4, 2022, 12:58 PM last edited by
                  #32

                  Hej @arminunruh

                  Hmm, on my iPhone X (iOs: 15.5) with Safari I still have the problem, that the second row is visible.
                  Here is a screenshot:

                  IMG_1956.PNG

                  If you test it in Safari Responsive Mode you will get the same result with an iPhone 8 (iOS 14.0):

                  Bildschirmfoto 2022-07-04 um 14.57.38.png

                  Thank you in advance, Fabi

                  1 Reply Last reply
                  0
                  • A Offline
                    A Offline
                    arminunruh
                    Global Moderator
                    wrote on Jul 4, 2022, 1:19 PM last edited by
                    #33

                    hey safari responsive mode in your browser is not indicative of what it looks like on a real iphone because the safari url bar is missing in that responsive mode.

                    iphone x: mh ok i will try and find a way to test this with your safari version on iphone x

                    F 1 Reply Last reply Jul 4, 2022, 1:24 PM
                    1
                    • A arminunruh
                      Jul 4, 2022, 1:19 PM

                      hey safari responsive mode in your browser is not indicative of what it looks like on a real iphone because the safari url bar is missing in that responsive mode.

                      iphone x: mh ok i will try and find a way to test this with your safari version on iphone x

                      F Offline
                      F Offline
                      fabiandraxl
                      wrote on Jul 4, 2022, 1:24 PM last edited by
                      #34

                      Hej @arminunruh

                      Okay, I asked my customer and a friend to also take a screenshots on their iPhones.
                      Will post it here soon ...

                      Talk soon, Fabi

                      1 Reply Last reply
                      0
                      • A Offline
                        A Offline
                        arminunruh
                        Global Moderator
                        wrote on Jul 4, 2022, 1:31 PM last edited by
                        #35

                        can you update lay theme and try?
                        i think it should work on iphone x now.

                        can your client update their ios on their iphone 8?
                        with the latest update the ios safari url bar is at the bottom. also the values that i needed to use to make 100vh work correctly had changed.
                        i had seemed to used the new values for all devices except iphone x :OO
                        so sorry man it should work now. if not lmk

                        F 1 Reply Last reply Jul 4, 2022, 3:57 PM
                        1
                        • A arminunruh
                          Jul 4, 2022, 1:31 PM

                          can you update lay theme and try?
                          i think it should work on iphone x now.

                          can your client update their ios on their iphone 8?
                          with the latest update the ios safari url bar is at the bottom. also the values that i needed to use to make 100vh work correctly had changed.
                          i had seemed to used the new values for all devices except iphone x :OO
                          so sorry man it should work now. if not lmk

                          F Offline
                          F Offline
                          fabiandraxl
                          wrote on Jul 4, 2022, 3:57 PM last edited by
                          #36

                          Hej @arminunruh

                          Somehow your simulation doesn't quite seem to work, because my colleague's iPhone 12 (iOS 15.5) also had the same problem as in my screenshot with the iPhone X.

                          Anyway, it seems to work on all "real" devices available to us (iPhone X, 12, 13) after the last update, finally 100vh! Yaaay. 🥳

                          What was actually the solution now?

                          Thank you so much!
                          Fabi

                          1 Reply Last reply
                          0
                          • A Offline
                            A Offline
                            arminunruh
                            Global Moderator
                            wrote on Jul 5, 2022, 10:29 AM last edited by
                            #37

                            i still used the old values for iphonex for the ios version where the url bar was at the top. xD sry

                            1 Reply Last reply
                            1
                            Reply
                            • Reply as topic
                            Log in to reply
                            • Oldest to Newest
                            • Newest to Oldest
                            • Most Votes

                            34/37

                            Jul 4, 2022, 1:24 PM


                            I also code custom websites or custom Lay features.
                            💿 Email me here: 💿
                            info@laytheme.com

                            Before you post:
                            1. When using a WordPress Cache plugin, disable it or clear your cache.
                            2. Update Lay Theme and all Lay Theme Addons
                            3. Disable all Plugins
                            4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

                            This often solves issues you might run into

                            When you post:
                            1. Post a link to where the problem is
                            2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
                            3. If the problem is difficult to explain, post screenshots / link to a video to explain it
                            Online Users
                            W
                            wua.frank
                            7 minutes ago
                            M
                            Markus
                            21 minutes ago
                            Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
                            laytheme.com
                            • Login

                            • Don't have an account? Register

                            • Login or register to search.
                            34 out of 37
                            • First post
                              34/37
                              Last post
                            0
                            • Recent
                            • Tags
                            • Popular
                            • Users
                            • Search