This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Anchor links not jumping to right place

Open 7 replies premiumthemetheme-vantage
Eli Langley
10 years ago · Last reply by Magus 10 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

7
  1. Eli Langley Private 10 years, 10 months ago

    This is a private message.

  2. Eli Langley 10 years, 10 months ago

    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. Magus Staff 10 years, 10 months ago

    Hi Elise

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

    Magus

  4. Eli Langley 10 years, 10 months ago

    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. Eli Langley 10 years, 10 months ago

    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. Eli Langley 10 years, 10 months ago

    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. Magus Staff 10 years, 10 months ago

    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.

Have a different question or issue?

Start New Thread