DCavallo

You can use this in Custom CSS to adjust the margin for headings.
h3 { margin: 0.5rem 0rem; } You may want to adjust the line height property so this doesn't happen:

You can try this CSS and play with the numbers (the first number 24px):
@media only screen and (max-width:450px) { .social-icons-size-small.social-icons-style-regular.social-icon-alignment-center .sqs-svg-icon--wrapper { margin: 24px 6px; } }  

Can you keep code I sent in CSS box then send all code?

Can you send all current code in CSS box?

Try this new code
@media screen and (max-width: 767px) { [data-section-id="63b88616bd8b940cfbc42144"] { padding:0px !important; min-height: unset !important; height: 30vh; } }  

That's right, adjust the logo, and then add:
.header-title-nav-wrapper { align-items: flex-start; } This code will align the header items (logo and navigation) to the top, but with the designed in padding on the logo, it won't appear aligned to the top.

It would be easier to align these if there wasn't padding built into your logo, especially at the top:

If  you can crop and re-upload your logo first, then all you need is this line of Custom CSS to align the items to the top of the header flex box:
.header-title-nav-wrapper { align-items: flex-start; } Hope that helps!

It works! Thank you so much.
Best,
David

There are ways to do this but it will depend on the Squarespace version, template, header layout and so on. If you provide us with a working link to the site we can provide more tailored advice. How to Post a Forum Question provides guidance on how to provide a link.
Did this help? Please give feedback by clicking an icon below  ⬇️