Space between elements off in Mobile
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?
Here is the site: www.perezconcepcion.com
I've updated everything and it's happening across multiple browsers, laptops and phones.
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!
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!
do you use a special mobile layout?
It looks like it starts a new row in the mobile version…
All the best!
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:
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