I am using this code to try and hide the header/nav/menu on my Home Page slider.

#header-outer.transparent.at-top {

    display: none;
}

I just want the video, title, subtitle and buttons to display. It doesn't seem to show up on Chrome or Safari, but it does on mobile. How do I prevent it from showing up on mobile?? Same with the footer? 

Okay, I think I might have solved it. Let me know if I'm missing anything.

#header-space , #header-outer {
display:none;
}
#footer-outer{
display:none;
}
#header-secondary-outer {
display: none;
}