Mobile dropdown after scroll+shrink

  • Resolved govus

    (@govus)


    7 years ago

    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 Contributor Robert Wattner

    (@rwattner)

    7 years ago

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

    Plugin Contributor Robert Wattner

    (@rwattner)

    7 years ago

    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

    Thread Starter govus

    (@govus)

    7 years ago

    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 Contributor Robert Wattner

    (@rwattner)

    6 years, 12 months ago

    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)

The topic ‘Mobile dropdown after scroll+shrink’ is closed to new replies.