Jump to content

page jump / anchor link

Recommended Posts

Site URL: https://www.ariestheagent.com/

Hi Squarespace pros!

At the bottom of this page, there are three images (scroll down for screenshot). When you hover over the images, you see Properties, Buying and Selling respectively. When you click on an image, you should be taken to the right spot on this page, but it's just not happening. I've tried different approaches with slightly varying results, but none of them satisfactory. On the initial page, the three images have the links

On the services page, the landing text is linked like this (see first screenshot). I tried using a code block at first, to no avail. What am I doing wrong here? Thanks so much! 

 

image.png.7be3fb4abe80dc77cdcdd3355612117e.png

2021-05-01_17-05-57.thumb.png.511fe0106f94503089ee99edd41794e2.png

2021-05-01_17-07-49.thumb.png.4b944e851796f0b9b07a4e9339a6827f.png

 

 

 

Link to comment
  • Replies 3
  • Views 350
  • Created
  • Last Reply

Hi,

First, add a Code Block under Properties heading, paste this code

<span id="Properties"></span>

Next, add a Code Block under Buying, paste this code

<span id="Buying"></span>

next, do similar for Selling

<span id="Selling"></span>

 

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 I *really* appreciate your looking at this. Thank you!

I tried inserting those code blocks both above and below the headings but the links still don't want to land in the right place. Properties seems to land on Buying, Buying seems to land on Selling, and Selling seems to land somewhere around the footer. Everything seems to land lower on the page than it should, which is why I tried inserting the code blocks above the headings, but that didn't seem to make any difference...

https://www.ariestheagent.com/

Thanks again!

Link to comment

Try this change the spans to divs as follows.

<div id="Properties"></div>

Move the code blocks above the spacer blocks.

Add the following to a code block at the very top of the page.

<style>

  #Buying,
  #Properties,
  #Selling
  
   {
    
    margin-top : -120px;
    padding-top : 120px;
    
    }
    
  </style>

Alternately you can add the above to Page Settings > Advanced > Page Header Code Injection for the page. My preferred place but requires the business plan or above.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Archived

This topic is now archived and is closed to further replies.

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