Там еще дичь, что при десктопе не фиксед и на

Question

Там еще дичь, что при десктопе не фиксед и на

боди не надо вешать overflow, а только при мобилке
Поэтому костельнул так
${media.phone`
position: fixed;
top: -40px;

&.active {
top: 0;
opacity: 1;
visibility: visible;
${({ isActive }) => {
isActive
? (document.body.classList = 'isOpen')
: (document.body.classList = '');
}}
}
`}

body {
margin: 0;
padding: 0;
font-family: 'Roboto', sans-serif;
font-size: 16px;
color: #222222;
&.isOpen {
@media (max-width: 600px) {
overflow: hidden;
}
}
}