I found the easiest method to do this. Refer to the custom code section to see what was changed. This method should work with all the notched iPhones (iPhone X, XS, 11, 11 Pro, etc).

Bottom Nav for iPhone X+

I found Duncan Hamra's solution (https://webflow.com/website/Sticky-On-Scroll) and recreated it using CSS only.

This setup should work on all modern browsers as far as I'm aware. I used CSS Grid for alignment which won't work on older browsers.

Sticky on Scroll with Pure CSS

Wilson's Home

Hack the 6ix is Toronto's premier hackathon. The design of this website was created in Sketch and then recreated in Webflow.

Wilson Lam

Skills