I am trying to eliminate the scroll and have my website fit to screen again.

I have narrowed it down to this line of code that is causing the scroll on the page to happen. When I change the absolute it fixes it but then logo is out of place. If someone had time to take a quick look at this that would be great. You have to click on visitors access to enter the site for now. https://chris-schilling-4lzz.squarespace.com/

#header #logo h1.site-title { 
position: absolute;
top: 0;
width: 100%;
text-align: none;
}