HCBre Posted October 27, 2020 Share Posted October 27, 2020 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! Link to comment
tuanphan Posted October 28, 2020 Share Posted October 28, 2020 What is access password? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
tuanphan Posted October 31, 2020 Share Posted October 31, 2020 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; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
HCBre Posted November 2, 2020 Author Share Posted November 2, 2020 @tuanphan worked perfectly - thank you! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.