- This topic has 5 replies, 3 voices, and was last updated 7 years, 1 month ago by
Mahesh.
-
AuthorPosts
-
August 10, 2016 at 4:27 am #96949
luci1708
ParticipantDear 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!
August 10, 2016 at 12:01 pm #96980Mahesh
Participant@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,
MaheshAugust 27, 2016 at 4:05 pm #98193luci1708
ParticipantHello 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
August 28, 2016 at 10:39 am #98230Mahesh
Participant@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,
MaheshJuly 17, 2017 at 1:08 am #119247ohlyanshweta
ParticipantHello 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,
ShwetaJuly 17, 2017 at 6:37 am #119260Mahesh
Participant@ohlyanshweta: This support forum is only for theme and plugins by Catch Themes. Please contact the respective forum.
Regards,
Mahesh -
AuthorPosts
- The topic ‘issues mobile menu’ is closed to new replies.