Makzan / I share what I learned

Add margin at the bottom for easier links tapping in mobile safari

When designing web page for mobile device, I always leave some space at the bottom. Especially when there are footer links. That’s because in mobile Safari, tapping on the very bottom of the screen will toggle the toolbar, which hides when you scroll down the page. And so when user wants to tap on a footer link, the first tap is great as toggling the toolbar and the link tapping is discarded. The visitor needs a second tap on the link. This is confusing to the visitor.vthats why I always leave some space at the bottom, so that footer link can be tapped and loads at the first tap.

Explain why we need margin at bottom

Published on 2016-01-12. More articles like this:
- UI Design
- Web Technologies

Previous <- A tiny drawing
Next -> The CSS first-letter not working for inline

📬 Subscribe to Makzan’s Weekly Dispatch

Want productive tips and web technologies links like this in your inbox each week? Sign up for weekly dispatch each week. No spam ever. Just useful content:

What to expect: If you wish to withdraw your consent and stop hearing from us, simply click the unsubscribe link at the bottom of every email we send or contact us at We value and respect your personal data and privacy. To view our privacy policy, please visit our website. By submitting this form, you agree that we may process your information in accordance with these terms.