Foundation sticky only on mobile

Question

How can I have a sticky element with Foundation that sticks only on small breakpoints? data-sticky-on="small" works for small and up

jmontenegro · Accepted Answer · 2016-12-19T00:32:38.083

4

For those interested. I have found this solution when using sass.

//Desktop settings
@include breakpoint(medium) {
    //Disable fixed top bar on mobile
    .sticky {
        position: initial !important;
    }
}

edited Dec 19 '16 at 00:32

answered Dec 13 '16 at 03:00

jmontenegro

1

You could replace `position: initial` with `static`, since `position: initial` isn't supported by certain versions of IE (source: [Position initial](http://stackoverflow.com/a/15343567/2228912)). – Hakim Mar 04 '17 at 20:03
1

I would add `margin-top: 0 !important` as a top-margin was affected to the `sticky` when you scroll. – Hakim Mar 04 '17 at 20:20

1 Answers1