Vertical alignment of nav in header

Site URL: https://katharinebarker.squarespace.com/home

Hello,

I have added a tag line underneath the site title on the home page only.  Using the below inserted in a code block on the body of the home page:

 a#site-title:after {
    content: "Ceramicist. Penzance, Cornwall";
    display: block;
  font-style: italic;
  font-size: 13px;
  letter-spacing: 0.1em;
  text-align: center

However, because the Nav links automatically vertically align to the centre of the header, they are now not in line with the site title as I would like them to be (see below image, the nav currently aligns to line 1, I would like it to align to line 2)

How can i change the vertical alignment so that either the all header content aligns to the top of the header, OR (preferable ) The nav links align to the cent of the site title?

The site is password protected for my client, if you need access let me know and I can share the link with you.

NB this site is on a personal plan so I can only use CSS and no code injection.

Thankyou!

What is access password?

On 10/28/2020 at 8:41 PM, HCBre said:

@tuanphan It is  “KB” (all caps).

thankyou!

Add to Home > Design > Custom CSS

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

@tuanphan worked perfectly - thank you!