I'm trying to use an @media command to set an element of my site to a different height for mobile browsing and i cant seem to get the code working. i would be very grateful if anyone here could see where i'm going wrong and point me in the right direction.
body .gilidPanel-opener {
top: 55%;
}
@media all and (max-width: 700px){
body .gilidPanel-opener {
top: 85%;
}
}