header logo spills over into image below

I'm new to coding and have been told by the Squarespace Support Team that they can't help me with my problem cuz it has to do with CSS. They said I changed something and that's why I'm having this issue.

Essentially, as you can see the header logo spills over into the image below and I need to get it back to being left aligned, distributed evenly vertically.

Let me know what other info I should provide...Thanks.

I think this is the code...

/* increase logo size */
.header-title-logo img {
    max-height: 175px;
}
//--all links in menu, including site title
.header--menu-open a{color:#000000!important}
//---social icon color
.header--menu-open .header-menu .header-menu-actions .icon--fill svg{fill:#000000!important}
.header--menu-open .header-menu-nav-item {margin-bottom:20px}
//--header menu button
.header--menu-open .header-menu .header-menu-cta a{background-color:#000000;color:#FFF!important}

Hi,

What is your site url? We can check easier