Sticky box goes under other divs

  • Resolved seccyeth

    (@seccyeth)


    3 years ago

    Hi,
    I’ve got, it seems, a pretty common problem, but I can’t manage to solve it with z-index, so I’m looking for help.
    The box on the right of the page is supposed to contain a link for a downloadable element, which works within the column where the box has been originally placed.
    But as I scroll and go outside of sticky-element-placeholder sticky-element-active, the link (and the hover animation as well) stop working, as the box slides under the rest of the columns.
    I’ve tried putting z-index to 9999. What can I do to solve this issue ?

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author WebFactory

    (@webfactory)

    3 years ago

    Hi,
    Try making the parent element sticky; the whole widget, not just its content.

    Thread Starter seccyeth

    (@seccyeth)

    3 years ago

    Hi,
    Thank you for your answer. I tried creating a custom class for the column (.floating-box) in which the text section (.floating-rule) is, and apply the sticky properties to it.
    It still has no effect on my issue, so I’m afraid I might have misunderstood you :/

    So far I tried :
    – the class of the text editor widget
    – the class of the column in which the text editor widget is

    Plugin Author WebFactory

    (@webfactory)

    3 years ago

    You didn’t misunderstand me 🙁 That’s the only thing you can thinker with + z-index. If neither of those things help, then, unfortunately, the only solution is to put the widget somewhere else in the DOM tree or mess with the z-index of other elements.

    Thread Starter seccyeth

    (@seccyeth)

    3 years ago

    Well, thanks maestro !

    Actually your last answer pointed me to the right direction !
    The trick was actually to mess with the z-index of the whole section.

    So in a nuthsell :
    – making the text editor widget sticky didn’t work
    – putting 9999 z-index on the text editor widget didn’t work
    – making the column of the widget sticky gave the same result, and was not necessary
    – making the whole section sticky wouldn’t work as it contained other widgets in it
    – putting 9999 z-index on the section while making only the text editor widget gave the expected result

    Thanks a lot for the help 🙂

    • This reply was modified 3 years ago by seccyeth.
    Plugin Author WebFactory

    (@webfactory)

    3 years ago

    Glad to hear you got it working 🚀

    If you have a minute, please leave a review. It’s what keeps support going. Thank you 🙏 https://wordpress.org/support/plugin/sticky-menu-or-anything-on-scroll/reviews/#new-post

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Sticky box goes under other divs’ is closed to new replies.