Home>Support>Anchor links not jumping to right place

Anchor links not jumping to right place

By Eli Langley, 9 years ago. Last reply by Magus, 9 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi I’ve set up 3 anchor links on a page. For example

Apartment 1 reviews is meant to jump to the heading
Apartment 1 reviews:
However on each of the links, it jumps to a few lines below where I put the tag. On 2 of them I have tried to move the anchor link a few lines above where I want it to go but this seems a strange way to work & probably won’t be very accurate on different screen sizes. What do you think I am doing wrong or is this a fault in pagebuilder?

thanks
Elise

URL: http://217.199.187.65/tregowanstives.co.uk/reviews/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 11 months ago Private Message - Eli Langley

    This is a private message.

  2. 9 years, 11 months ago Eli Langley

    I wrote the html code above to show you, but it disappears when posted (obviously) – is there a code I can put around the code so you can see my code, if you know what I mean?

  3. 9 years, 11 months ago Magus
    Hi, I Work Here

    Hi Elise

    You can use code tag to post as described below the reply box

    Magus

  4. 9 years, 11 months ago Eli Langley

    thx, shouldve seen that.
    I’ll start again…
    Hi I’ve set up 3 anchor links on a page. For example

    <a href="#A1">Apartment 1 reviews</a>  

    Apartment 1 reviews is meant to jump to the heading
    Apartment 1 reviews: [/code ]
    However on each of the links, it jumps to a few lines below where I put the tag. On 2 of them I have moved the anchor link a few lines above where I want it to go in order to jump to a few lines below but this seems a strange way to work & probably won’t be very accurate on different screen sizes. What do you think I am doing wrong or is this a fault in pagebuilder?

    thanks
    Elise

  5. 9 years, 11 months ago Eli Langley

    Hi I’ve set up 3 anchor links on a page. For example

    <a href="#A2">Apartment 2 reviews</a>  

    Apartment 1 reviews is meant to jump to the heading
    [/code ]
    However on each of the links, it jumps to a few lines below where I put the tag. I have moved the anchor link a few lines above where I want it to go in order to jump to a few lines below but this seems a strange way to work & it doesn’t work on the first anchor as there is nowhere above to put it. Also it probably won’t be very accurate on different screen sizes. What do you think I am doing wrong or is this a fault in pagebuilder?

    thanks
    Elise

  6. 9 years, 11 months ago Eli Langley

    I just can’t seem to write the code correctly in this – but I am doing the correct code, that’s all I’m trying to show, its just the anchor isn’t working correctly. Please help.

  7. 9 years, 11 months ago Magus
    Hi, I Work Here

    Hi Elise

    Sorry for the delay in getting back to you, it’s been a busy few days. The best solution to compensate for the sticky menu is to include a span element above the header which you can then set to the same size as the menu. For more information please see here

    http://pixelflips.com/blog/anchor-links-with-a-fixed-header

    Let us know if you need any help with this

    Magus

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More