Posts Overlap Content due to it’s using Position: Absolute to move them
-
Randomly, though often after loading the page for the first time after some hours, the posts will appear to return to their original positions while retaining the Position: Absolute attribute, causing them and other content to overlap. Refreshing the page will fix this however it must work the first time; visitors will most likely think the page is broken.
Using Chrome’s DevTools Inspector shows that the re-ordering is done by setting all posts to Position: Absolute, then moving with ‘Top’ and ‘Left’ values. This causes them to overlap and be covered by higher z-index content on the page.
.eael-col-3 .eael-post-grid-column uses ‘float: left’ but that (looks like) gets ignored when using absolute positioning.
*Strangely, this happened at the same time and layout for my Chrome on Windows and my friends’ Safari on Mac.
- The topic ‘Posts Overlap Content due to it’s using Position: Absolute to move them’ is closed to new replies.