Support » Plugin: Sticky Header Effects for Elementor » Mobile dropdown after scroll+shrink

  • Resolved govus

    (@govus)


    Hello, the password for the site I linked is “greenfellas”.

    The header is fine other than on mobile, after I scroll and the header shrinks, there is a gap between the header and the dropdown. Could be I haven’t looked hard enough, but is there a way to close this gap without affecting the positioning of the dropdown when at the very top? Thanks!

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Robert Wattner

    (@rwattner)

    Hi, I will take a look tomorrow and let you know what I find.

    Plugin Author Robert Wattner

    (@rwattner)

    Try this custom CSS

    @media (max-width: 767px)
    .she-header-transparent-yes .elementor-nav-menu__container.elementor-nav-menu--dropdown {
        margin-top: 0 !important;
    }

    Let me know if this works for you, thanks

    Hello, I inserted that CSS to the header’s Custom CSS section but couldn’t get it to work.

    I tried to settle with the solution to not make the header sticky on mobile, but have it sticky + sticky effects on desktop. Even though there is an option to remove Tablet & Mobile in the “Enable on”-section, the plugin will still force the mobile header to be sticky. Any advice on this? 😀 Thanks

    Plugin Author Robert Wattner

    (@rwattner)

    The responsive settings not working is a known bug that we will hopefully have fixed soon.
    The gap that you are talking about is a setting in elementor’s menu widget. Since the height of the header shrinks it pulls away from the menu creating a gap. This really a biproduct of a shrinking header and not the plugin behaving incorrectly.
    Try this code and let me know if it works, thanks.

    @media (max-width: 767px)
    .she-header-transparent-yes .elementor-nav-menu–dropdown {
    margin-top: 0 !important;
    }

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