Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Vertical alignment of nav in header



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 post
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

3 answers to this question

Recommended Posts

Create an account or sign in to comment

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

  • Create New...