How to hide header and footer in mobile view.

Hello!

Does anyone knows how to hide the header and footer completely from mobile view (auto_flatty template, v. 4.7.1)?

I wrote this in the style.css file, but I still have a blank space in the footer.

Code:

---

Only registered members can view the code.

---

Thanks for any help!