Sticky function does not work

  • Resolved rbezruchuk

    (@rbezruchuk)


    7 years, 6 months ago

    Hello,
    I need to use sticky widget in the right sidebar but it does not work on my website.
    Could you please help to find out what the problem is?
    For example here, I added widget with sticky checkbox https://testyour.space/my-blog/

    Best regards,
    Ruslan

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Spacetime

    (@spacetime)

    Sticky widgets work by changing sidebar CSS to position: sticky;. This works in most themes but not all.
    If your widgets and sidebar aren’t sticking as expected the first thing to check are the rules applied to the sidebar parent containers.
    Specifically, look for any overflow property set on the parent. You can’t use: overflow: hidden, overflow: scroll or overflow: auto on the parent of a position: sticky sidebar.
    If your theme is not using overflow and still having problems it’s worth checking if a height is set on the parent.
    This may constrain the sticky positioning, stopping it from occurring.

    Plugin Author Spacetime

    (@spacetime)

    It seems your theme uses hidden overflow style so this approach with CSS sticky position doesn’t work.

    I’ll consider adding support for sticky widgets also for themes like yours.

    Plugin Author Spacetime

    (@spacetime)

    Can you please try development version and set Sticky widget mode to JavaScript?
    https://downloads.www.ads-software.com/plugin/ad-inserter.zip

    There are now two modes for sticky widgets (or sticky sidebars) available as Sticky widget mode in general plugin settings (tab *):

    • CSS mode – This mode is the best approach but may not work with all themes. CSS mode works by changing sidebar CSS to position: sticky. This works with most themes but not all. If your widgets and sidebar aren’t sticking as expected you can use JavaScript mode described below.
    • JavaScript mode – This mode should work with practically all themes but may reload ads on page load when sticky sidebar is initialized.
    Plugin Author Spacetime

    (@spacetime)

    Version 2.2.3 just released adds support for Javascript sticky widgets as described above.

    Thread Starter rbezruchuk

    (@rbezruchuk)

    Igor,
    Thank you very much!

    Plugin Author Spacetime

    (@spacetime)

    You are welcome!

    If you like the plugin please say it here
    https://www.ads-software.com/support/plugin/ad-inserter/reviews/

    Thank you,
    Igor

    Plugin Author Spacetime

    (@spacetime)

    I see the AdSense ad in the sidebar (code block 6) is sticky and works as expected – AdSense ad stays on the top when the page scrolls.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Sticky function does not work’ is closed to new replies.