page nav menu on desktop not aligned perfectly with bottom of logo

Site URL: https://coconut-grasshopper-b736.squarespace.com/config/pages/632491ecd2457c0d3e60fa0e?p

site password : gingerkev

Hi all

with regards specifically desktop I've added the following CSS code to get the nav page menu to sit level with base /bottom of logo:

/*align nav desktop */
.header-title-nav-wrapper {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

It does a good job but the menu to the right sits just above the base level of the logo- though the line underneath 'case studies'  is level , but not text itself. 

NB: note my uploaded logo is cropped tightly to bottom of 'kevin moran'.

I know I can effectively move that menu text down that little bit extra if i play around with 'line height' setting in site styles - but then i end up with the line being too low...

I'm a bit of a perfectionist so any ideas re custom CSS would be really appreciated!

Thanks in advance

Kevin

Hi,

What should it look like?

thanks for getting back to me...

'problem' solved due to a bit of lateral thinking on my part 😀

attached is a pic of my original issue - the bottom of logo text not in line with bottom of menu font..

so i just added a a white border to botton of logo image file to push it up a bit...

so now all ok - many thanks though for taking a look

Kev