Mobile menu dropdown displays behind everything else

  • Resolved elidewa

    (@elidewa)


    6 years ago

    Hello,

    Hope someone can help me to fix this in Neve:

    Mobile menu dropdown displays BEHIND of everything else… I think that is why it’s not working for my site (hope it’s just that!)…

    I’ve tried to change z-index… It didn’t work.

    ul#nv-primary-navigation.menu {
    background: #FFFFFF;
    z-index: 9999;
    padding:1px 10px 1px 10px

    }

    Thank you so much for your help!

    • This topic was modified 6 years ago by elidewa.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter elidewa

    (@elidewa)

    Hi,

    I managed to make the menu dropdown work by specifying the position for the element (position: relative;) I was missing that part of the code!

    ul#nv-primary-navigation.menu {
    background: #FFFFFF;
    position: relative;
    z-index: 9999;
    padding:1px 10px 1px 10px

    }

    Hope is useful!

    judah75

    (@judah75)

    You are the MAN! Was just dealing with this same issue. Your fix worked like a charm.

    Thank you, sir!

    Judah

    judah75

    (@judah75)

    Still had a problem when there were too many menu items, i.e. the menu was too long. When the submenu (the last item on my menu) was opened on mobile, the last couple submenu items were cut off and you had to scroll the menu to see them.

    After a lot of testing, this was the solution that worked:

    .responsive-opened #nv-primary-navigation { max-height:calc(100vh); }

    The max-height was previously set to calc(100vh – 70px)

    Thread Starter elidewa

    (@elidewa)

    You’re welcome and thank you too, for the code!

    Liz.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Mobile menu dropdown displays behind everything else’ is closed to new replies.