Only scrolls to right place when on top

  • Resolved siimlees

    (@siimlees)


    3 weeks ago

    Hi! Using free Astra theme.

    I build one page website with sticky header and smooth scrolling.
    When I am on top of my page and click first menu item then it takes me to correct position (adjusted my right offset).
    When I click next menu item then it just moves like one pixel and nothing else. I have to go back to top then it takes me correctly to second menu item.
    Long story short, I can’t move between menu items.
    Also when I am on second menu item then it takes me to top when I pick first menu item.
    When I turn plugin off, it moves right but then offset is messed.
    My site uses 2 headers and only my primary header is sticky. Above header is for social buttons.

    Looking forward to your help.
    Best regards,

    Siim.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support Michael Beckwith

    (@tw2113)

    The BenchPresser

    2 weeks, 5 days ago

    Do you have a link to the page that I could see it on? Beyond that, since it’s a pretty static value used for the offset, it’s probably accurately calculated initially, but the extra clicks may be to parts that are different sized.

    Thread Starter siimlees

    (@siimlees)

    2 weeks, 1 day ago

    I made the page visible https://probergest.ee/ It’s in Estonian but you can see how anchors react after turning on this plugin.

    Plugin Support Michael Beckwith

    (@tw2113)

    The BenchPresser

    2 weeks, 1 day ago

    Curious if the other javascript events associated with the menu are playing into this. For example, is it supposed to scroll back up a bit when clicking a menu item a second time?

    Thread Starter siimlees

    (@siimlees)

    2 weeks, 1 day ago

    It’s pretty default astra theme, there’s no added scripts. Added menu anchors to every block then added My Sticky Menu plugin to use it with Astra’s own smooth scrolling. Even when I turn Sticky Menu off the problem persists. It’s not suppose to scroll back up a bit. Without offset plugin it’s not scrolling back or anywhere. It stays in position by clicking same menu item and moves to correct anchor by clicking other menu item. Weird thing must say, it’s the final piece to get everything to work as it should.


    EDIT: Seems like adding these lines to additional CSS field helped with my problem.

    *[id] {
    scroll-margin-top: 104px;
    }
    html {scroll-behavior: smooth;
    }

    This far the page is working as it should. Turned off Offset plugin and Astra’s own smooth scrolling.

    Thank you for your help.

    • This reply was modified 2 weeks, 1 day ago by siimlees.
    Plugin Support Michael Beckwith

    (@tw2113)

    The BenchPresser

    2 weeks, 1 day ago

    To be certain, you no longer need any help with this?

    Thread Starter siimlees

    (@siimlees)

    2 weeks, 1 day ago

    No I don’t, case closed. Thanks.

    Thread Starter siimlees

    (@siimlees)

    2 weeks, 1 day ago

    Resolved

Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.