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!

On 9/29/2020 at 10:36 AM, tuanphan said:

Add to Home > design > Custom CSS

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

 

I used this code on a site and it works well. But the header button is not aligned. Do you have a code for this ? The site is https://www.360brand.dk/

On 8/20/2024 at 8:30 PM, jacobtdb said:

 

I used this code on a site and it works well. But the header button is not aligned. Do you have a code for this ? The site is https://www.360brand.dk/

I see you removed button style, do you still need help?

No thanks. I have removed the button and would not have it on again.