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. Chrome Bottom Navbar Overlapping 100vh content

Chrome Bottom Navbar Overlapping 100vh content

Scheduled Pinned Locked Moved Bug Reports
13 Posts 3 Posters 1.3k 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.
  • arminunruhA Offline
    arminunruhA Offline
    arminunruh
    Global Moderator
    wrote on last edited by
    #4

    Hey have you updated both lay theme and the fullscreen slider addon and then made sure to clear your cache in case you use a caching plugin?

    1 Reply Last reply
    0
    • arminunruhA Offline
      arminunruhA Offline
      arminunruh
      Global Moderator
      wrote on last edited by
      #5

      Mmh yes i see you did update both, looking into this now!

      1 Reply Last reply
      0
      • arminunruhA Offline
        arminunruhA Offline
        arminunruh
        Global Moderator
        wrote on last edited by
        #6

        Hey

        So on an iPhone 8, Chrome I see it works properly:
        Screenshot 2021-01-11 at 14.47.07.png

        on an iPhone 11 it works too:
        Screenshot 2021-01-11 at 14.48.21.png

        It also works on an Android Samsung Galaxy in Chrome:
        Screenshot 2021-01-11 at 14.49.30.png

        Which smartphone and which iOS version are you using?

        1 Reply Last reply
        0
        • jwkJ Offline
          jwkJ Offline
          jwk
          wrote on last edited by
          #7

          Thanks guys – the update fixed everything!

          1 Reply Last reply
          0
          • jwkJ Offline
            jwkJ Offline
            jwk
            wrote on last edited by jwk
            #8

            @arminunruh Hey Armin, I'm sorry but now I have the exact same problem with the carousel slider add-on :/ Do you have any solution for that? Best, Johannes.IMG_2952.PNG IMG_2951.PNG

            1 Reply Last reply
            0
            • arminunruhA Offline
              arminunruhA Offline
              arminunruh
              Global Moderator
              wrote on last edited by arminunruh
              #9

              hey please create a slider where you're having the issue and send the link to me to info@laytheme.com and also include a link to this topic

              1 Reply Last reply
              0
              • jwkJ Offline
                jwkJ Offline
                jwk
                wrote on last edited by
                #10

                Hey guys, any solution? Best, Johannes.

                1 Reply Last reply
                0
                • RichardR Offline
                  RichardR Offline
                  Richard
                  Global Moderator
                  wrote on last edited by
                  #11

                  Dear @jwk

                  Sorry for delay, did you email info@laytheme.com and receive no reply?

                  Best
                  Richard

                  1 Reply Last reply
                  0
                  • arminunruhA Offline
                    arminunruhA Offline
                    arminunruh
                    Global Moderator
                    wrote on last edited by arminunruh
                    #12

                    Hey,
                    Sorry I didn't have time to fix this fast.

                    So a 100vh carousel works for me without overlaps on an iPhone on Safari and Chrome.

                    A fullscreen slider slide also has the correct height on a mobile browser.

                    However, I do see that when we have a carousel inside of a fullscreen slider an overlap can result.

                    I cannot access the link you sent to me so I'm not sure what is going on on your website. Please send it again and send the password that it is protected with and maybe send your /wp-admin/ login.

                    1 Reply Last reply
                    0
                    • arminunruhA Offline
                      arminunruhA Offline
                      arminunruh
                      Global Moderator
                      wrote on last edited by arminunruh
                      #13

                      hey @jwk

                      Ok I could take a closer look now.

                      Only the first row that is browserheight gets a special height that is browserheight minus browserbars.
                      All following browserheight rows dont have that special height.
                      Cause when you scroll down the browserbars disappear and then these rows would not fill out the browser.

                      In your layout, your first row is a special row that you use custom css with. It seems that this row is position absolute and this way it is not part of the so called "document flow" and this way your second row is actually your first row.

                      If I just change their order like this:
                      Screenshot 2021-01-21 at 17.23.34.png

                      This way the first row is the browser height row and this way it gets the correct height.

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


                      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
                      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.
                      • First post
                        Last post
                      0
                      • Recent
                      • Tags
                      • Popular
                      • Users
                      • Search