Jump to content

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

Recommended Posts


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


Link to comment

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




Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.