Help - how to align nav bar elements with top of logo (clove template)

Hi there, please help!

I'm trying to align my navigation bar elements / menu with the top of the logo as seen in my screenshot below but can't figure out how to do so (excuse the dodgy logo and stock image, to be replaced).

Thanks so much!

I've tried the following codes and they haven't worked so far:

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

AND

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

52 minutes ago, theuncomplicatedoffice said:

Hi there, please help!

I'm trying to align my navigation bar elements / menu with the top of the logo as seen in my screenshot below but can't figure out how to do so (excuse the dodgy logo and stock image, to be replaced).

Thanks so much!

 

I've tried the following codes and they haven't worked so far:

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

 

AND

 

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

Can you share your site with the protected password so we can take a look?

Yes sorry, thank you.

https://clavichord-violet-5apl.squarespace.com/

Password: lionhelp

Thanks!

On 3/4/2022 at 10:07 AM, theuncomplicatedoffice said:

Yes sorry, thank you.

https://clavichord-violet-5apl.squarespace.com/

Password: lionhelp

 

Thanks!

Add to Design > Custom CSS

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