“element-is-sticky” class always added

  • Resolved tnightingale

    (@tnightingale)


    1 week, 6 days ago

    Great plugin! Just one issue, the “element-is-sticky” class seems to be always added to the target element, even when no scrolling has happened. So it’s not possible to add styles specific to when the element is sticky. I’d like to be able to shrink some text and the site logo when the header is sticky (page scrolled) only. Suggestions?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Gordan

    (@gordano)

    Please post your site URL so we can have a look.

    Thread Starter tnightingale

    (@tnightingale)

    Hi – the site is not public yet, it’s behind a password. How can I send that to you privately?

    Plugin Author Alexandru Tapuleasa

    (@talextech)

    It’s against forum guidelines to share private information and passwords, sorry ??

    Normally the element should have a class “element-is-not-sticky” which changes to “element-is-sticky” only when it actually starts floating over the page. I guess there are edge cases where the element might be sticky immediately like when it’s outside the visible content on page load. But in that case I guess your CSS should function the same way, since it should apply whenever the element is sticky and you should be able to add your CSS to .element-is-sticky

    Thread Starter tnightingale

    (@tnightingale)

    It’s not outside the visible content on page load. It’s a group block at the very top of the header template part in the 2025 theme. Has logo, site title, and menus. It seems to be erroneously being assigned the sticky class right away. If I apply the CSS to .element-is-sticky, the contents will be small all the time. I only want them to shrink when the page is scrolled and the block element is floating.

    Plugins also active:

    Block Visibility (not being applied to the sticky element)

    Max Mega Menu

    Rank Math SEO

    Safe SVG

    Smush

    WPFront Scroll Top

    Thread Starter tnightingale

    (@tnightingale)

    Is there an option to only start the element floating after a specific scroll length? e.g. 100px

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.