Vertically align header navigation with site logo

Hello, 

I'm hoping to find a way to vertically align the header navigation, social links, and book now button with the bottom line of the logo which reads 'aesthetics and beyond'.

Site password is: aesthetics

Thanks in advance for any help with this. Much appreciated.

Can you share your website URL?

Hi, sorry I missed that bit!
Here you go...

https://tarantula-duck-xlnn.squarespace.com/

Start with this Custom CSS and let me know how you get on:

.header-title-nav-wrapper {
    align-items: flex-end;
}
.header-display-desktop {
    align-items: flex-end;
}

Hi @Ziggy

Thanks so much for this - and apologies for the slow reply, I had to put this project down for a few weeks.

The CSS has helped the positioning but it's not aligning perfectly. Ideally I'd like the navigation to align with 'aesthetics and beyond' in the logo.

It also looks like navigation on the left is aligning differently to the social and button on the right.

Is there a way of perhaps targeting the padding on the navigation, social and button that might help?

That's looking great - thanks so much!