title: Remove Top bar/header/Main Nav links from one page
body: <p>I am creating a landing page and I would like to remove the topbar and header/main Nav links from this page, and this page only.</p>
  
  <p>Currently, I use this CSS code to remove it:</p>
  
  <pre><code>.top-headers-wrapper{display:none;}
  </code></pre>
  
  <p>However, it leaves a big blank white space in place of the header. Ideally this white space would be removed and the big background image would go all the way to the top of the page. </p>
  
  <p>I illustrate the difference below, where the page with -test appended to the URL has the CSS to remove the header. The original URL does not have the code to remove the header. </p>
  
  <p>How can I modify the code to remove this white space as well as the header/topbar?</p>
  
  <p><a href="https://www.californiabeardco.com/summer-giveaway/" rel="nofollow noreferrer">https://www.californiabeardco.com/summer-giveaway/</a></p>
  
  <p><a href="https://www.californiabeardco.com/summer-giveaway-test/" rel="nofollow noreferrer">https://www.californiabeardco.com/summer-giveaway-test/</a></p>