Jump to content

Vertical alignment of nav in header

Recommended Posts

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


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.



Link to comment
  • Replies 3
  • Views 1.8k
  • Created
  • Last Reply


This topic is now archived and is closed to further replies.

  • 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.