move navigation up aligned with top of logo instead of center?

Site URL: https://yampa-icehouse.squarespace.com

I'm hoping to align the navigation links with the top of the logo instead of centered vertically with it. Basically this logo is really tall so it pushes the nav further down than I'd like. Is there anyway to affect the position of just those? 

Thanks!

site: https://yampa-icehouse.squarespace.com

pass: smok

Add to Design > Custom CSS

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

On 7/2/2022 at 9:02 PM, tuanphan said:

Add to Design > Custom CSS

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

 

Thanks! That worked great for the navigation but not the social links. Does that need a separate code?

17 hours ago, tuanphan said:

Use this new code

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

 

That definitely worked to bump both the nav and social links up but they moved to different positions. Any way to keep them aligned? See below

On 7/6/2022 at 12:46 AM, lamdra said:

That definitely worked to bump both the nav and social links up but they moved to different positions. Any way to keep them aligned? See below

It worked, however, see this screenshot

Try adding this to reduce height of menu items

.header-nav-item.header-nav-item--collection {
    line-height: 1;
}

9 minutes ago, tuanphan said:

It worked, however, see this screenshot

Try adding this to reduce height of menu items

.header-nav-item.header-nav-item--collection {
    line-height: 1;
}

 

That did it. Thanks for all the help!