Disabling mobile menu doesn’t work

Hello there,

Thanks a lot for using WP Mega Menu and contacting us. I have tried to reproduce the issue and find a solution for you. Please apply the following CSS on Appearance > Customize > Additional CSS:

@media (max-width: 767px) { 
.wpmm-hide-mobile-menu {
    display: block;
}
#wp-megamenu-menu-primary {
    z-index: 9999;
    text-align: inherit;
    background-color: transparent;
    padding-right: 0;
    padding-left: 0;
    border-bottom: none;
}
.wp-megamenu-wrap .wpmm-nav-wrap > ul > li {
    display: block;
}
#wp-megamenu-menu-primary>.wpmm-nav-wrap ul.wp-megamenu>li>a {
    font-family: inherit;
    color: #16181a;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-transform: inherit;
    letter-spacing: 0;
    background-color: transparent;
    padding-top: 5px;
    padding-bottom: 5px;
}
} 

Hopefully, it’ll work for you.

Regards,
Mehedi

• This reply was modified 6 years, 3 months ago by Md. Mehedi Hasan.

Hello there,

Thanks a lot for sending the video by describing the issue.

Yes, WP Mega Menu can disable its functionalities on tablet/mobile devices. But this functionality is not working with the Zakra theme. Somehow I have tried to find a solution for you though it is not a part of our support. But in the end, it seems the Zakra theme has some issues with WP Mega Menu when you have a dropdown or megamenu.

I have noted the incompatibility. We will try to fix this in our future updates. I believe you have got my point.

Regards,
Mehedi

Thanks a lot for understanding us and letting me know about your interest.