Mobile submenu not on top

  • Resolved heshley

    (@heshley)


    1 year, 3 months ago

    Hi! I have an issue with the plugin. Sidenote; I don’t have elementor pro and i don’t have the option to choose sticky under motion effects, it is not there.

    So the menu does appear on mobile view and it does remain sticky when i’m scrolling, my problem is with the submenu. When i’m at the top of the page the submenu will show entirely, but as soon as i scroll down it dissappears under all the other sections. I already changed the z-index of all the other sections on the homepage to 0 and the section that has the menu to 999, but nothing seems to work. I changed every element in the section to 999. I’m using elementskit and created a custom header and footer with this plugin.

    I added a photo of the way i set up the menu. I added the sticky scroll on the top section. First i had the sticky scroll on the inner section where the menu is in, but that didnt work as well.

    I hope there is someone who can assist, thank you so much!

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Robert Wattner

    (@rwattner)

    Hi, I’ve seen this same situation with jet menu as well. This css in the elements plugin is the problem

    @media (max-width: 1024px)
.elementskit-menu-offcanvas-elements {
    height: 100%!important;
    padding-bottom: 10px;
}

    That height needs to be 100vh to solve your issue. Unfortunately, since they have important in their code it probably can’t be overwritten. If you knew what file that code was in then you could manually edit their plugin but I can’t tell in the dev tools. It looks like all the css has been combined into a single file. Probably a performance/cache thing.

    If you can get this code to work then it should be fixed

    @media (max-width: 1024px)
.elementskit-menu-offcanvas-elements {
    height: 100vh !important;
}

    I’m sorry I can’t help futher. Good luck with this!

    Thread Starter heshley

    (@heshley)

    Yes! That is it! I tested it in the developers tool and it worked. I tried overriding it by mentioning the parent elements in my css, sometimes you can override it this way, but no luck. I found their css, but i’m guessing with the next update it will be gone, so i can’t do that as well. I send them a message asking for assistance, so i’ll wait for that. Thank you so much for your help and looking into it, amazing. ?? Hope to hear from them soon. I will post an update when they get back to me.

    Thanks again Robert!

    Plugin Contributor Robert Wattner

    (@rwattner)

    No problem, happy to help. Nice try raising the specificity using additional classes. Good luck!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Mobile submenu not on top’ is closed to new replies.