Am I required to use header?

So, I'm new to SquareSpace and am hoping that it's better than WordPress because, man, what a pain in the butt, right? Anyway, I'm a little disappointed by this header thing. In every template I've seen, there is this kind of institutionalized header thing, Logo, Title, Social Media. And you can't build a page without your site title in that header and you can't substitute an image. Like in the picture I'm attaching - I want this part GONE! I'm old school. I just want a header image I provide that goes all the way across the top. How do I get rid of that, or better yet, start with a completely black page I can build from scratch.

3 hours ago, rbilleaud said:

So, I'm new to SquareSpace and am hoping that it's better than WordPress because, man, what a pain in the butt, right? Anyway, I'm a little disappointed by this header thing. In every template I've seen, there is this kind of institutionalized header thing, Logo, Title, Social Media. And you can't build a page without your site title in that header and you can't substitute an image. Like in the picture I'm attaching - I want this part GONE! I'm old school. I just want a header image I provide that goes all the way across the top. How do I get rid of that, or better yet, start with a completely black page I can build from scratch.

You can only hide this using custom css, and add your header image in headlines section

Appreciate your response. Not what I was hoping for unfortunately, but maybe I'll figure out  a way to work with it. Thanks again.

I think you can do something like you want with a little Javascript if you're on the business plan or above and can do a little coding.

This is general guidance and not complete examples as I've not seen your site and I don't know what you want in your header other than an image. I prefer to use jQuery.

Add the following to Settings > Advanced > Code Injection > HEADER. 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

Add the following to Settings > Advanced > Code Injection > FOOTER.

<script>

  $( ( ) => {
  
    // replace default header with custom header
    
    let $header = $( '<header>' )
    
      .attr ( 'id', 'header' );
      
    $( 'header' ).replaceWith ( $header );
    
    } );
    
  </script>

A variation on the code.

<script>

  $( ( ) => {
  
    // replace default header with custom header
    
    let header = '<header id="header">' +
    
      '<div>' +
      
        '<img height="" src="[enter url of image here]" width="">' +
        
        '</div>' +
        
      '</header>';
      
    $( 'header' ).replaceWith ( header );
    
    } );
    
  </script>