pdv2008 Posted September 21, 2023 Share Posted September 21, 2023 For some reason the link is no longer active when you hover over THE 7 FREQUENCIES What could it be? https://turtle-broccoli-del8.squarespace.com/ pass:12345 Link to comment
Ziggy Posted September 21, 2023 Share Posted September 21, 2023 You've added this code to your website: .header-display-desktop .header-title { position: relative; right: -5vw; } This is causing the logo container to overlap the navigation and causing the first link not to be clickable. You want remove that code and to add the padding like this if you want to move the logo over by 5vw: .header-title-logo { padding-left: 5vw; } IXStudio and pdv2008 2 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! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
pdv2008 Posted September 21, 2023 Author Share Posted September 21, 2023 5 minutes ago, Ziggy said: You've added this code to your website: .header-display-desktop .header-title { position: relative; right: -5vw; } This is causing the logo container to overlap the navigation and causing the first link not to be clickable. You want remove that code and to add the padding like this if you want to move the logo over by 5vw: .header-title-logo { padding-left: 5vw; } The location should be left as it is, but the logo should not overlap the navigation. Should I add a z-index with a "-" value to the logo? Link to comment
Ziggy Posted September 21, 2023 Share Posted September 21, 2023 1 minute ago, pdv2008 said: Should I add a z-index with a "-" value to the logo? No, I gave you replacement code that adds the 5vw as padding rather than a negative margin, so the look should be the same, but it'll function correctly. 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! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
IXStudio Posted September 21, 2023 Share Posted September 21, 2023 Hi, Use this code in Design -> Custom CSS .header-display-desktop .header-title {z-index: 1;} .header-layout-nav-center .header-nav {z-index: 100;} Please use the like button if it helps you! Best, Leopold pdv2008 1 Ninja Kit Extension: Upgrade your Squarespace website without coding.YouTube Preview - FREE DOWNLOAD Link to comment
pdv2008 Posted September 21, 2023 Author Share Posted September 21, 2023 9 minutes ago, IXStudio said: Hi, Use this code in Design -> Custom CSS .header-display-desktop .header-title {z-index: 1;} .header-layout-nav-center .header-nav {z-index: 100;} Please use the like button if it helps you! Best, Leopold thanks, this works too, but I used the answer from @Ziggy Ziggy and IXStudio 1 1 Link to comment
Solution pdv2008 Posted September 21, 2023 Author Solution Share Posted September 21, 2023 18 minutes ago, Ziggy said: You've added this code to your website: .header-display-desktop .header-title { position: relative; right: -5vw; } This is causing the logo container to overlap the navigation and causing the first link not to be clickable. You want remove that code and to add the padding like this if you want to move the logo over by 5vw: .header-title-logo { padding-left: 5vw; } thanks, it worked. Link to comment
Ziggy Posted September 21, 2023 Share Posted September 21, 2023 Just now, pdv2008 said: thanks, it worked. Excellent! Be careful with negative margins, they can cause problems and have unintended consequences, as can changing the z-index. pdv2008 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! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
pdv2008 Posted September 24, 2023 Author Share Posted September 24, 2023 On 9/21/2023 at 7:47 PM, Ziggy said: Excellent! Be careful with negative margins, they can cause problems and have unintended consequences, as can changing the z-index. Hi, Please tell me, in the header on the right side there is a button, it also has a negative margin, can I leave it like that or is there another solution? 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