DCavallo Posted February 5, 2023 Share Posted February 5, 2023 Is there a way to move the navigation links vertically so they line up exactly with my site logo in the header? davidjcavallo.com See attached screenshot. Thank you! David Link to comment
Ziggy Posted February 6, 2023 Share Posted February 6, 2023 Can you share your website URL? Thanks! Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
DCavallo Posted February 6, 2023 Author Share Posted February 6, 2023 http://davidjcavallo.com Thank you. Link to comment
Mdhanjal Posted February 7, 2023 Share Posted February 7, 2023 .header-layout-nav-right .header-nav { text-align: right; margin-left: auto; padding-left: 1vw; margin-bottom: 18px; } Hi, I'm BITTU. A website developer with 10 years experience with Squarespace. if you need help and work with me, Email me here: - mandeepsquarespace@gmail.com Hire Upwork: - https://www.upwork.com/freelancers/~01eed466e76c89e024 Behance: - https://www.behance.net/mandeepSquarespace Best Hourly Rate: - $15 Per Hour Link to comment
Ziggy Posted February 7, 2023 Share Posted February 7, 2023 8 hours ago, DCavallo said: http://davidjcavallo.com Thank you. It would be easier to align these if there wasn't padding built into your logo, especially at the top: If you can crop and re-upload your logo first, then all you need is this line of Custom CSS to align the items to the top of the header flex box: .header-title-nav-wrapper { align-items: flex-start; } Hope that helps! DCavallo 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
DCavallo Posted February 7, 2023 Author Share Posted February 7, 2023 Thank you! I will work on fixing my logo and go from there. Regards, David Link to comment
DCavallo Posted February 7, 2023 Author Share Posted February 7, 2023 11 hours ago, Mdhanjal said: .header-layout-nav-right .header-nav { text-align: right; margin-left: auto; padding-left: 1vw; margin-bottom: 18px; } Thank you for your response. This doesn't seem to have fixed the issue, but I think my logo needs to be adjusted before CSS can help. Link to comment
Ziggy Posted February 8, 2023 Share Posted February 8, 2023 14 hours ago, DCavallo said: my logo needs to be adjusted before CSS can help That's right, adjust the logo, and then add: .header-title-nav-wrapper { align-items: flex-start; } This code will align the header items (logo and navigation) to the top, but with the designed in padding on the logo, it won't appear aligned to the top. DCavallo 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
NicolaH Posted August 30 Share Posted August 30 Hi there, am hoping this thread is still active...? I have an alignment with my logo, navigation and social icons that I'd like to fix so the baselines (bottom edge of text) for all match horizontally https://gar-sunflower-adz6.squarespace.com/home I tried the above codes with adjusting numbers but nothing altered. Grateful for some advice pls thanks! Nicola Link to comment
Ziggy Posted August 30 Share Posted August 30 2 minutes ago, NicolaH said: https://gar-sunflower-adz6.squarespace.com/home The website is private, can you add a site wide password? https://squarefortytwo.com/squarespace-guides/add-a-site-wide-password-to-your-squarespace-website Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Delphinesoade Posted yesterday at 08:46 AM Share Posted yesterday at 08:46 AM Hello there, I have the same issue. I raised the width of my logo that seemed to small for me. And now all my navigation items looks way higher than the logo. My logo seems to be alright in terms of padding though. But I tried the different codes and it doesn't seem to work. Here is the link to the website: https://www.soadestudio.com/ Thanks a lot for your help Link to comment
Ziggy Posted yesterday at 09:38 AM Share Posted yesterday at 09:38 AM 51 minutes ago, Delphinesoade said: But I tried the different codes and it doesn't seem to work. It looks pretty well aligned to me: Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment