How to remove header/nav bar on homepage only

Hi everyone,
I’m using a Customizr child theme and I’d like to be able to remove the header and nav bar from my homepage and I can’t do it without affecting the other pages!
I have been trawling forums and have tried a few alternatives, but nothing seems to be hiding the whole header. These are the latest codes I’ve been trying, but still no luck.

.page-id-12 .entry-title {
display:none;
}

and this…

body.homepage #page-header-wrapper {
  display: none !important;
}

Does anyone else have any ideas? I feel like this should be so simple!