Lay Theme Forum

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

    Space between elements off in Mobile

    Bug Reports
    2
    4
    424
    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.
    • D
      davidj last edited by

      Hey there,

      I'm having a problem with spacing between elements in mobile. On the main page I've set the spacing at 5% everywhere (top, bottom, in between etc) and for some reason the space between two specific thumbnails is off - it's larger than it should be (area in red square below). The thumbnails/images are exactly the same size, so I'm not sure why it's doing this. Has anyone experienced this or know if I'm going anything wrong?

      0_1517260329871_Screen Shot 2018-01-29 at 8.20.43 PM.png

      Here is the site: www.perezconcepcion.com

      I've updated everything and it's happening across multiple browsers, laptops and phones.

      Thanks!
      J.

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

        Hi @davidj
        it looks like you gave each row also a margin bottom.
        Can you check on your mobile-layout if there is a double margin somewhere?

        Let me know if that helped. Othwise I can have a look myself!

        Best!

        Marius

        www.mariusjopen.world

        1 Reply Last reply Reply Quote 0
        • D
          davidj last edited by

          Hi @mariusjopen

          thanks for your message! I don't think I've given individual margins (correct me if I'm wrong tho!).

          Here is what the mobile space percentage looks like in the customization tool, along with the "Work" category thumbnail grid and Gridder. It seems like the row gutter and spacing % is the same everywhere, so that's why I'm a bit confused as to why there's that random space between the second and third thumbnail. If you could have a look at it, that would be really helpful!

          Thank you!

          0_1517405735434_Screen Shot 2018-01-31 at 1.08.47 PM.png

          0_1517405749900_Screen Shot 2018-01-31 at 2.05.43 PM.png

          0_1517405765863_Screen Shot 2018-01-31 at 2.02.16 PM.png

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

            Hi @davidj
            do you use a special mobile layout?
            0_1517528057862_Bildschirmfoto 2018-02-01 um 21.33.51.png

            It looks like it starts a new row in the mobile version…

            All the best!

            Marius

            www.mariusjopen.world

            1 Reply Last reply Reply Quote 0
            • First post
              Last post

            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

            N
            J
            S
            7
            M
            P
            A
            T

            Recent Topics

            • S

              Theme crashed - because of Polylang?

            • S

              can't change front page

            • M

              komische boxen auf der Website

            laytheme.com