Skip to content Skip to sidebar Skip to footer

Foundation 6 Mobile Search Bar Sticking To Bottom On Android

When navigating the site http://emich.edu on Android devices (with any browser), the sticky mobile navigation menu sticks to the bottom of the page if one clicks through to another

Solution 1:

It seems by default, the elements aren't sticky for small screens.

Sticky for small screens can be turned on by adding data-options="stickyOn:small;" or data-sticky-on="small"

To the element data-sticky attribute.

Solution 2:

Seems the reason it isn't sticky by default on "small" is to "save real estate".

Methinks it is this bug. See the workarounds mentioned there. Moving discussion there...

Post a Comment for "Foundation 6 Mobile Search Bar Sticking To Bottom On Android"