Remove Scroll on Mobile Homepage

Site URL: https://www.nateburdette.com/

Hi all, I'm wondering if there's a way to eliminate the slight scroll on my homepage on mobile. There's not much content, and I want the homepage to not scroll at all. (I'd like to even remove the scroll bar, like my homepage on desktop.)

This code does the trick on desktop, but doesn't seem to be working on mobile. 

header#header {
    margin-top: 0;
    padding-top: 3vw;
}

Any help at all would be greatly appreciated!
 

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
body.homepage {
    overflow: hidden;
}
}