Post Spacing
-
Hey there,
I’ve just noticed that the spacing between between our posts on mobile are spaced oddly. Some have wide spaces in between and some have barely any space at all. This isnt happening on PC but for some reason this recently started happening on mobile.
Any insight you could provide into this situation would be greatly appreciated or if there is a CSS code to correct it, that would work as well.
The website is EverydayElectronics.com.
Thanks in advance for your time!
The blog I need help with is: (visible only to logged in users)
-
You know, this is weird. If I view your site on mobile, the spacing is wonky on some posts, but if I refresh and then scroll all the way to the bottom and then back up, the spacing is equal between them. It appears it may be partly due to the length of the titles on the posts. On posts where the title goes to three lines, the spacing issue happens at the bottom of that post. Since the software calculates the position of each and every post on your main page, and then inserts that positioning information directly into the html for the page, I’m not seeing a clear way to correct this, but can you give the following custom CSS a try and see if it gets things on mobile to be equally spaced?
@media screen and (max-width: 600px) { .post-container { margin-top: 0; } }Let me know the outcome. I will be chatting with the developers and filing a bug report on it after I do a bit more testing to see if I can verify the title length is the issue or not.
-
Unfortunately that did not solve the issue.
Its odd because we have always used a mixture of short and long titles, but never had an issue like this before.
-
-
You are welcome, and on Monday, I was going to chat with my team about the issue. Since you have gone through support, I’ll not do that, but do let me know if there are any issues or if there is anything else I can do.
- The topic ‘Post Spacing’ is closed to new replies.