Sticky Menu Fade Functionality Not Working

  • Resolved Salpetriere

    (@salpetriere)


    1 year ago

    I’m using the Fade option in the Sticky Menu plugin settings, with the Sticky Transition Time set to 0.5 (assumed to be in seconds, though the plugin doesn’t specify).

    Under visibility settings:

    • “Make visible on scroll” is set to 400px
    • “Make visible on scroll at homepage” is left at 0
    • “Sticky z-index” is set to 999
    • “Sticky Opacity” is set to 100

    However, the sticky menu does not fade in as expected. It simply appears instantly once I scroll past 400px.

    If I manually set the opacity of the #mysticky-nav element to 0 via custom CSS, the fade effect does occur – but this also affects the menu’s initial (non-sticky) state, making it invisible from the start.

    Could you please clarify:

    1. How the Fade functionality is intended to work?
    2. What specific setup or additional CSS is needed to ensure the fade-in transition functions correctly when the sticky menu becomes active?
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Marvin

    (@marvinpremio)

    1 year ago

    Hi @salpetriere , can you please reach out to us via Messenger (m.me/premio.io) or via chat on our website https://premio.io so we can assist you further? We’ll do our best to help you out! 😊

    Thread Starter Salpetriere

    (@salpetriere)

    1 year ago

    Ok, but that doesn’t leave guidance for someone else who might come across this thread with the same issue.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Sticky Menu Fade Functionality Not Working’ is closed to new replies.