Jump to content

Anchor link cutting out heading/ sending too far down the page

Go to solution Solved by Ziggy,

Recommended Posts

Hi - I've created same page anchor links to add to the navigation bar. The code works fine but it sends the user too far down on the page (and cuts off the top part of the section in the process - example below). I want Audio Theatre to show but the anchor link sends you to the text below it even though the link is attached to 'Audio'. Is there a way to add code to adjust this? Maybe <span>?

 

Thank You!

 

image.png

Screenshot 2024-08-30 at 10.34.35 AM.png

Link to comment
  • Solution

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) 
 🖼️ Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
6 minutes ago, RAMPDigitalMedia said:

In adding the Custom CSS, I think I may have offset pre-existing code that was formatting another area of the website. Any chance you can see what I might have accidentally moved/ deleted? @Ziggy

There's nothing wrong with the code you have. What changed?

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) 
 🖼️ Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
11 minutes ago, RAMPDigitalMedia said:

Ah, I thought the same. But, if you notice, the text is not aligning with the color blocks behind them anymore.

From the screenshots it looks like it's overlapping in a slightly different way, but I'm not familiar with your website, were you trying to adjust something with CSS?

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) 
 🖼️ Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

The only thing I adjusted with CSS was the scroll behavior for the anchor links. But, the code above it was already there. Maybe I deleted something by mistake. It affected two text areas on the website that's why I assumed it was something done through CSS/ Site wide.

Link to comment
4 minutes ago, RAMPDigitalMedia said:

Maybe I deleted something by mistake. It affected two text areas on the website that's why I assumed it was something done through CSS/ Site wide.

That's possible, I don't know what you had there before.

Errors in a code block might be a cause of a negative change to your website, but I don't have the URL to look at that or anything else.

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) 
 🖼️ Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

You website is not live, for me to view it you would need to add a site wide password:

https://squarefortytwo.com/squarespace-guides/add-a-site-wide-password-to-your-squarespace-website

25 minutes ago, RAMPDigitalMedia said:

if you have time to take a look

What am I looking for? What isn't how you want it?

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) 
 🖼️ Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.