Aviator: CSS for removing header on a single page?

Can anyone help me with the css to prevent header from displaying on one of my pages?
Www.k-interiors.com/deepbranch is the page. Thanks in advance for your help. I have experimented with similar code I found in other posts, and haven't had luck yet... a little clumsy with CSS!

You can do this using Page Header Code Injection. Go to your /deepbranch page in the admin and click the 'Page Settings' button. Under the 'advanced' tab, you'll see an editor box for 'Page Header Code Injection'. Adding the following code should hide the header for just that page:

<style type="text/css">
 #title-area {
   display: none !important;
 }
</style>

Thank you, @subpar, for that quick response. It worked! but I also lost the top nav. What would the selector be to hide the header bar (which contains k.interiors logo) but keep the navigational links above? Thank you!

Never mind. Figured it out -- there was some leftover code in my general CSS editor that was hiding my nav. thanks again!

In the Aviator template would it be possible to move the header above the navigation on certain pages using the page header code injection?

A little tip each page has its own ID number. For your deepbranch page all you have to do is insert this code into your custom css: #collection-50b68580e4b0bff132969518 #title-area { display: none !important; }

Thanks for the assist! Very helpful.