closed livingstoneonline/livingstoneonline#79

Mobile: Home page

awisnicki

When the home page first comes up on iPhone5 (and maybe other small sizes?), the black text at the bottom comes up too high and covers the area of the page where it says "Image Credits/Site Guide". The black text should be lowered.

Correct: correct

iPhone5: iphone5

awisnicki

Looks good on stage. Thank you! Please push up to prod.

awisnicki

Reopening this, since we have the loading issue on iPhone 5.

nigelgbanks

The issue arises when the images are loaded slower than the when the theme alters the bottom-margin of the body to account for the height of the sticky footer.

This occurred on all browsers, but was only noticeable on the iPhone due to it's narrow view and the images being stacked on top of one another (so load times means the heights will be off noticeably more than for example in a desktop where they all align horizontally).

This issue has been present before the previous issue of this ticket. It's just a bit more obvious as the text floats over main image when the height is off, where as before the links were under the footer.

To reproduce all the caches on the phone must be cleared out, this can be done by visiting Settings > Safari and choosing to clear the caches.

A fix has been deployed to stage and prod, in which we detect when images are loaded and update the margin with the new height.

awisnicki

Thanks for explaining this and sorting it out. It makes sense and sounds like it will also resolve minor issues I saw when the home page was loaded on laptop browser etc. It also works fine on iPhone now.