enfold sticky mobile menu Quick CSS wont work

I’ve added the code below, but the header still won’t stick on mobile. It sticks with a large white area under the menu on the Services page and doesn’t stick on the Contact page or Home page at all. Any ideas?

@media only screen and (max-width:767px) {
.responsive #top #wrap_all #header {
position: fixed !important;
}

.responsive #top #main {
padding-top: 150px !important;
}
}