codeforboston / codeforboston.org

Code for Boston's website.
https://www.codeforboston.org
MIT License
18 stars 41 forks source link

Correct Footer Behavior on Desktop and Mobile #79

Closed timtheguy closed 5 years ago

timtheguy commented 5 years ago

Previously, the footer of this site would overlap body content on the main page. While on traditional desktop browsers, this did not create a serious problem, the mobile experience was difficult to navigate (see #77). This PR addresses the behavior of the site and the footer in both desktop and mobile viewports, and closes #77.

iPhone 6/7/8 Viewport iPhone 6/7/8 Viewport
footer_top footer_bottom

See the appearance of the footer on desktop - it no longer overlays the body content of the site, but is easily available upon scrolling.

Desktop Footer 127 0 0 1_4000_ laptop