How do I align the navigation bar with the bottom of the site Logo?

Site URL: https://pigeon-harpsichord-afjm.squarespace.com/

Hi there, I'm trying to line up the navigation bar with the baseline of the logo. I've tried some code that I found in other threads for the same issue, but I haven't found one that works yet. This is the last one I tried:

@media screen and (min-width:640px) {
.header-title-nav-wrapper {
    align-items: baseline;
}
}

Site: https://pigeon-harpsichord-afjm.squarespace.com/
Password: HelloWorld1964

Many thanks for any help!

2 hours ago, tuanphan said:

Add to Home > design > Custom CSS

.header-title-nav-wrapper {
    align-items: baseline;
}

 

Thank you very much!

Hello, I'm trying to align the primary nav to the bottom of the logo (it looks like it's aligning to the middle, see image).

I used the code above but it doesn't align to the bottom or baseline.

On 9/9/2021 at 2:09 AM, schnellcreative said:

Hello, I'm trying to align the primary nav to the bottom of the logo (it looks like it's aligning to the middle, see image).

I used the code above but it doesn't align to the bottom or baseline.

Hi,

What is your site url?

Above code for Squarespace 7.1. version

Hey @tuanphan

www.blissfuldoulacare.ca

pass: blissful2021

I sort of figured it out, but had to align the primary nav to the right instead of the left side (left side alignment wouldn't stick to baseline).

This is the code I ended up with.

Thanks!

//primary nav baseline
.Header-inner--top {
    align-items: baseline !important;
}

6 hours ago, schnellcreative said:

Hey @tuanphan

www.blissfuldoulacare.ca

pass: blissful2021

I sort of figured it out, but had to align the primary nav to the right instead of the left side (left side alignment wouldn't stick to baseline).

This is the code I ended up with.

 

Thanks!

 

//primary nav baseline
.Header-inner--top {
    align-items: baseline !important;
}

 

It looks fine here??

Yes! I figured it out. The only difference is I ended up aligning it to the right instead of the left as in the original screen shot. Thanks!