Sticky Menu Issue with Scrolling Down

  • Resolved stronypodklucz

    (@stronypodklucz)


    1 year, 5 months ago

    Hello everyone,

    I am experiencing an issue with the sticky menu on my website, and I’m seeking assistance. When I scroll down the page, the menu does not move smoothly but jumps by its own width. However, after the initial jump, it functions correctly and scrolls smoothly with the page. The width of the menu is 5cm, and that’s the distance it jumps before behaving properly.

    Here are some additional details that might help in troubleshooting:

    • I am using the Catch Sticky Menu plugin by Catch Plugins.
    • In the plugin settings, I have specified “#masthead” as the Desktop Menu Selector since that is what I found after inspecting the navigation bar element on my website.
    • I using Astra theme
    • I have no Elementor Pro

    Please note that I have already tried two other plugins, and they performed even worse, so I kindly request not to suggest changing the plugin.

    I would greatly appreciate any guidance or suggestions on how to resolve this issue. Thank you in advance for your assistance!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello, using a plugin for this is a bit overkill I think.

    Can we try solving this with css? Please first deactivate the sticky header plugin so the header functions normally again.

    Then I can have a look and give you the necessary css to make the header sticky.

    With css this would be easy, something like this:

    header{
z-index: 99;
position: sticky;
}

    You can add custom css in the theme customizer

    Hi @stronypodklucz

    To fix this problem, please use the following custom CSS:-

    body header#masthead {
    position: sticky !important;
    top: 0 !important;
    z-index: 99 !important;
}

    Hopefully this helps

    Thread Starter stronypodklucz

    (@stronypodklucz)


    Thank you, niyaswp, for your help. Thanks to you, I finally solved this problem. Greatly appreciated. And thanks for your assistance, Benni, but unfortunately, that code didn’t solve my issue. Best regards and thanks ??

    Hi @stronypodklucz

    Great to hear that the issue has been resolved.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Sticky Menu Issue with Scrolling Down’ is closed to new replies.