Sticky not working on specific pages

  • Resolved hank0ny

    (@hank0ny)


    1 year, 5 months ago

    Hello,

    I have a problem with the header, it is not sticky on my live homepage. On the other pages I use a different header but still with this plugin and on those pages there are no problems.

    It is sticky in the editor, I tried everything (cache reset, CSS imbed & regen etc) but the header is still not sticky on the live version.

    At first the problem was that it was non-sticky and also not transparent but after cache reset on cloudflare, css imbed internal / external it finally fixed itself in the sense that the header is now transparent but NOT sticky.

    The error is similar with the one I had caused by the 1.66 update.

    I tried a rollback from the latest vers. 1.6.9 to 1.6.5 but still no luck.

    I cannot seem to understand why is this happening.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Robert Wattner

    (@rwattner)

    Hi,

    Sorry you’re having problems. It looks like something is not allowing the plugin to apply the position css to the header. The plugin doesn’t make the header sticky initially. That is meant to be handled by elementor pro. You can see that on the notice at the top of the settings. https://ps.w.org/sticky-header-effects-for-elementor/assets/screenshot-2.jpg?rev=2709344

    That being said, as soon as the scroll distance is met the position should be set to fixed by the plugin. I recommend setting the scroll distance to 1px so it seemlesly becomes fixed when scrolling.

    I would start by checking the elementor sticky settings. If you don’t have elementor pro then it’s most likely something with the cache. I’ve seen combining css settings cause issues.

    Lastly, if you still can’t find what’s causing it, then this css should force it to work.

    .she-header?{
    position: fixed !important;
    top: 0 !important;
}

    I hope this helps! Let me know.

    Thread Starter hank0ny

    (@hank0ny)

    Thank you very much for your detailed answer, I enabled the elementor sticky settings and it worked.

    I also think it was some cache or CSS combining issue but for now it works.

    Thanks again!

    Plugin Contributor Robert Wattner

    (@rwattner)

    I’m happy you got it working and thanks for the review!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Sticky not working on specific pages’ is closed to new replies.