Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

page jump / anchor link


Question

Posted (edited)

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

 

 

 

Edited by juliaprather
Redundant images
Link to comment
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

3 answers to this question

Recommended Posts

  • 0

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.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0

@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
  • 0

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 best , and see my profile. Thanks for your support!

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