Small gap below footer on some pages

Hi, I’m getting a very small pixel or so wide gap between the bottom of my footer and bottom of the page, no matter the footer I use i.e any of my Pro Footers or the default footer. Strangely it’s only present on a few pages and only on Safari. This includes Safari on the iPad too and iPhone too.

Pages with gap -



And numerous others.

Pages without gap i.e are flush with the bottom of the page


https://stefanguy.com/kehlani/ or any other post page

They are all using the same footer.

I’ve tried everything for weeks and can’t figure out the issue. I’m hoping it’s something simple that you can spot and help me with.

Thank you!

Hey Stefan,

I checked the pages with the issue on iPhone 11 and there’s no gap. The footer is flushed at the bottom of the page.

image

Would you mind providing a screenshot if this is still an issue?

Thanks.

Hey Christian,

Thanks for getting back to me. Sure I’ve attached a couple of screenshots. One with the gap and one flush. Screenshot 2020-09-22 at 15.44.03|690x431 Screenshot 2020-09-22 at 15.45.57|690x431

Hi Stefan,

As per the given screenshot, we found that in both cases the margin and the padding are the cause of this gap. For the first screenshot, the margin-top has been found, by removing that you can get rid of the gap.

On the second one the section bottom padding is mentioned, also there is padding for the column and the anchor which creates the gap. Please find the screenshot below.

Hope it helps.
Thanks

Thank you!

Hi Stefan,

You’re welcome and it’s our pleasure to help you. If you have any other concerns, feel free to reach us.

Thank you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.