HairyStories

You are an absolute gentleman!  Thanks soooo much!!!

There's something called "padding" around the logo that changes according to the width of the site. You can reduce this to a specific amount (for example 17-pixels) using the following CSS. I've also added a line to set the height of the logo, but you could adjust this using the built-in controls instead.
.header .header-announcement-bar-wrapper {     padding-top: 17px;     padding-bottom: 17px; } .header-title-logo img {     max-height: 86px; }

Clicking Like, Love or Thanks in the bottom right corner is enough 🙂

I didn't notice the solid header 🙂
The section background (banner image) normally sits behind the header, but when the header is solid instead of transparent, it obscures some of the image. You should be able to lower the image using some CSS, but note that the header height changes with the screen width, so you may need to compromise on the exact position. For example (add to Design > Custom CSS):
.homepage .section-background:first-of-type { top: 110px } .homepage .header { min-height: 110px!important; background: #000; } Notes:
The code shifts down the background image in the first section. Ths code is specifically aimed at the homepage only. The code assumes a black (#000) header. It shifts the image down by 110 pixels. This is only for Squarespace 7.1 templates.

Have you tried to adjust the image's focal point?