[luci1708]

Dear Manesh,

I have some issues with my mobile menu. I really wanted to design my secondary menu in the way it is now made which you can find on my website (demo.kindercentrummultikids.nl). So I used a plugin called Max Mega Menu. With this plug-in I was capable of changing my secondary menu in the right design I wanted. I did not know how to adjust this in the css. At first side I did not found any issue. The issues are showable when you adjust the size of the browser into a screen of a mobile or tablet. So I really hope you can help me with the issues.

Issue 1: At this moment there are two secondary menu’s shown. One in gray which does not collapse and one in orange which is from the plugin Max Mega Menu (This one collapse). I would like to hide the menu (gray one) which does not collapse or make sure that the secondary menu in the gray color will collapse so I can remove the orange menu. I prefer the second one ( making sure that the secondary menu in the gray color will collapse), because this is also the menu which is showable when your are scrolling through the page.

Issue 2: The secondary menu and the right menu are not in line when your looking at the website on a mobile phone. So depending on the secondary menu which will be staying on the website I would like to have them in one line. The image beneath gives an idea of what I meant. I do not know which code I need to use, can you help me with this?

Thank you for your time which you are spending on this issue and I hope to hear from you soon.

Regards,

Luci

P.S. I am sorry that I am bothering you again :D!

[Mahesh]

@luci1708:
Hi Luci,

Just checked your site. I didn’t see such problem as mentioned above. The Grey menu is expanding and collapsing just fine. And both of the menus are inline not displaying like in the image above.
The only problem I saw is, the image seem to be get large while scrolling down. Because of the CSS I’ve given earlier. For resolving this, replace the previous CSS

#masthead.fixed-header #site-logo img {
    max-height: 75px;
}

with the following:

@media screen and (min-width: 981px) {
    #masthead.fixed-header #site-logo img {
        max-height: 75px;
    }
}

Let me know further.

Regards,
Mahesh

[luci1708]

Hello Manesh,

There are still some problems with the secondary menu when you want to collapse this menu on a mobile phone.

Is it possible to disable the secondary menu (the menu on the left side when you looking at the website on a mobile screen) through a code?

Regards,

Luci

[Mahesh]

@luci1708: To disable the secondary menu (the menu on the left side when you looking at the website on a mobile screen), add the following CSS in your Custom CSS:

@media screen and (max-width:980px) {
    #secondary-menu, 
    #secondary-mobile-menu {
    	display: none !important;
    }
}

Regards,
Mahesh

[ohlyanshweta]

Hello Mahesh I have a issue with maxmegamenu this in not working on my mobile home page it’s working on internal pages http://www.p10.255am.com/ this one my website link please give me the solution.

Regards,
Shweta

[Mahesh]

@ohlyanshweta: This support forum is only for theme and plugins by Catch Themes. Please contact the respective forum.

Regards,
Mahesh

[Author]

Posts