Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 27, 2024 at 5:08 pm #1472386
    nTECHgrate

    Hello Enfold Team,

    On a new site that I’m building, the anchor link scroll depth is off on mobile (it doesn’t scroll down far enough). I believe this is because I’m using a “sticky header” on mobile and need to adjust the scroll depth by a few pixels. Can you please take a look and point me in the right direction?

    https://bcgabq.com/company/#contact

    As always, thank you for your help.

    -James

    November 28, 2024 at 7:42 am #1472430
    Ismael

    Hey James,

    Thank you for the inquiry.

    Please try to add this css code and let us know of the result.

    @media (max-width: 768px) {
    :target {
        scroll-margin-top: 200px;
    }
}

    Make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings and purge the cache after adding the modification.

    Best regards,
    Ismael

    November 28, 2024 at 7:25 pm #1472534
    nTECHgrate

    Worked great. Thank you!

    Please close the ticket.

    -James

    November 28, 2024 at 8:37 pm #1472540
    Rikard

    Hi,

    Great, I’m glad that Ismael could help you out. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Anchor link scroll depth off on mobile (using sticky header)’ is closed to new replies.