Avada Forums Community Forum Fixed hieght on mobile sticky menu

Tagged: , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • rinckscreative
    Participant
    Post count: 2

    I have a mobile menu that uses the modern design style and that works fine when at the top of the page. However when you start scrolling, when you tap the hamburger menu in the sticky header, the menu that drops down seems to be fixed at 200px high despite each menu item height being set at 60px.

    I cannot for the life of me find a way to change this menu height without having to use custom CSS to fix it.

    Can anyone point me in the right direction please?

    Cheers

    braydond
    Participant
    Post count: 1

    I’m having the same issue!!! Please help!

    rinckscreative
    Participant
    Post count: 2

    Unfortunately I never found a fix through official means, I had to us this CSS:

    .fusion-is-sticky .fusion-mobile-menu-design-modern .fusion-mobile-nav-holder>ul, .fusion-is-sticky.fusion-mobile-menu-design-modern .fusion-mobile-nav-holder>ul { max-height:240px; }

    Obviously adjust the height to match what works for you.

    hiwire-creative
    Participant
    Post count: 1

    Had the same issue, obviously not fixed months later. Thanks for the CSS Snippet, it worked great!

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