Sticky Elementor Section is not sticky

  • Resolved jidwictut9

    (@jidwictut9)


    2 years, 4 months ago

    Hello,

    I have created a section template with Elementor which is sticky on the bottom.

    I have inserted the shortcode of this template at Ad Inserter (Display: footer).
    This is how it works.

    The section is only visible on Phone!!! When you take a look!!!!

    But the section should be visible only if the cookies are accepted.
    If I enter the cookie value the template is visible but not sticky anymore. It is inserted under the footer.
    Both versions,with and without cookie are visible on the home page.
    One section is sticky and the other is under the footer.
    The only difference is the cookie acceptance.

    Best Regards

    • This topic was modified 2 years, 4 months ago by jidwictut9.

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

Viewing 3 replies - 16 through 18 (of 18 total)
  • Plugin Author Spacetime

    (@spacetime)

    Have you been able to ask Elementor to contact us regarding this issue?
    We haven’t received any message yet.

    Thread Starter jidwictut9

    (@jidwictut9)

    Hello,

    I have forwarded your reply to Elementor.
    Their answer:

    Thanks for sharing their response; however, It doesn’t t help much. They are welcome to get in touch with our developers via our Github? channel; here is the URL https://github.com/elementor/elementor
    This leaves us in a non-ideal situation; I don’t think we will get an answer from any developer. With that in mind, I looked again at your site and have a workaround to offer.
    1. Add Custom CSS so we force the Red (cookie) Banner to stick to the bottom of the page. Here is the code needed for this.

    .elementor-element-5c7844da{
    position: fixed;
    bottom: 0px;
    width: 100%;}

    Now the section is sticky with this solution. I have added JS to the section so that you can close it. That’s the only thing that doesn’t work now. But I don’t know if this is because of Adinserter or I have to find another solution.

    • This reply was modified 2 years, 4 months ago by jidwictut9.
    Plugin Author Spacetime

    (@spacetime)

    Thanks for the update.
    I assumed they reproduced the issue and could check the code to see why the banner was not sticky.

    This CSS code works fine, you can add it to the block code (after the shortcode).
    However, it contains elementor ID (which may change), maybe it would be better to apply it to the block 2:

    <style>
.code-block-2 {
  position: fixed;
  bottom: 0px;
  width: 100%;
}
</style>
Viewing 3 replies - 16 through 18 (of 18 total)
  • The topic ‘Sticky Elementor Section is not sticky’ is closed to new replies.