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. General Discussion
  3. Strange behavior of "Use Browser Height for Row Height" on mobile

Strange behavior of "Use Browser Height for Row Height" on mobile

Scheduled Pinned Locked Moved General Discussion
5 Posts 3 Posters 145 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.
  • M Offline
    M Offline
    Mariannep
    wrote on last edited by
    #1

    Hello !

    I'm working on a website where I would like to start some pages with a row that uses "Use Browser Height for Row Height", like here :

    http://gautyqi.cluster030.hosting.ovh.net/gabarit-projet-2

    My probleme is that on mobile, the text that's supposed to be in the middle of the browser get moved to the bottom of the page - and the images that follow appear on top of the text area !

    Like this :

    Capture d’écran 2021-01-08 à 16.03.21.png Capture d’écran 2021-01-08 à 16.03.08.png

    It might come from a part of my custom CSS - but I couldnt pinpoint the source of the problem.
    Has anyone encountered something similar?

    Thanks,
    Marianne

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

      Dear @Mariannep

      Did this happen just after the last update?
      Hard to say of you are using Custom CSS

      Does temporarily removing the CSS change the issue?
      What Browser are you using :)

      Best
      Richard

      1 Reply Last reply
      0
      • M Offline
        M Offline
        Mariannep
        wrote on last edited by
        #3

        Hello Richard,

        Thank you for your reply!
        I'm working mostly on Chrome, but I tested it on Safari and Firefox and the issue is the same. I did not install the last update yet because ... I was afraid of losing my design and didnt think I would need it because it's almost finished :(

        I found a temporary solution by using a "translate" function on CSS, but since I wont be the one to update the website I'm worried that it wont work for every case.
        Removing the CSS doesnt seem to change anything - the space is still happening on mobile.
        However, when I dont use "use browser height for row height", the space disappears on mobile! Is there a way to disable "use browser height for row height" on mobile? I tried to find it in CSS but I couldnt...

        Thanks for your help,

        Marianne

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

          hey you need to update lay theme,
          your design wont get lost in the process

          i mean if your lay theme version is really old updating should fix this
          but if your lay theme version is just like 1 month old, it must be a current bug yea

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

            I see you have 3.5.9 installed. Ok updating probably wont change anything.
            Can you create a page where i can see the error and then email the page address to me to info@laytheme.com and a link to this topic

            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
            A
            alasdair17
            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