css - change position fixed to relative, vice-versa in Foundation -

i position:fixed work when i'm displaying app on large screen. if in mobile, don't want position:fixed. wrong scss? took idea stackoverflow post.

.page {   overflow: hidden;   min-height: 100vh;   .sidebar {     position: fixed;     @media #{$small} {       position: relative;     }   } } 

i figured out , it's working great!

.page {   overflow: hidden;   min-height: 100vh;   .sidebar {     @media screen , (min-width: 400px) {       position: fixed;     }   } }