Jump to content

link doesn't work

Go to solution Solved by pdv2008,

Recommended Posts

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;
}

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
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
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!

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

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

Create an account or sign in to comment

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

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