Support » Plugin: Max Mega Menu » No menu on mobile device
No menu on mobile device
-
Hi,
With my website I tried to integrate Max Mega Menu plugin with the Customizr theme. It works OK only on a desktop screen.
http://digimarketjobs.com/register-your-digital-marketing-skills-3/
But on a mobile device the website has is no menu.
http://s7.postimg.org/6ghqybud7/Screenshot_2015_08_31_22_37_58.png
This is the code I entered in the Custom Styling (CSS editor) part of the plugin:
#{$wrap} #{$menu} {
/** Custom styles should be added below this line **/
}.navbar-inner {
min-height: 0 !important;
}.navbar-inner div.social-block {
display: none;
}.navbar-inner button.btn-navbar {
display: none;
}.navbar-inner .nav-collapse,
.navbar-inner .nav-collapse.collapse {
overflow: visible;
height: auto !important;
}@media only screen and (max-width : $responsive_breakpoint) {
#{$wrap} {
display: none;
}
}Ideally I want an upper fixed menu that looks very similar to the one at http://www.aweber.com/.
How can this be achieved with the Max Mega Menu plugin?
Look forward to hearing from you.
Kind Regards,
Yunis
-
Hi Yunis,
Please remove this CSS (its hiding the mobile menu)
@media only screen and (max-width : $responsive_breakpoint) { #{$wrap} { display: none; } }
The aweber menu could be replicated with MMM but it would take some work. It seems like it would be a good candidate for a blog post (How to create an Aweber.com style menu with MMM) so I’ll take a look at that later this week.
Regards,
TomHi Tom,
Thanks for your reply. I removed the CSS code from the Custom Styling (CSS editor) as you suggested and it still does not appear properly.
The following are some screenshots on how it is appearing on my mobile device.
http://s27.postimg.org/wdsrg1rlf/Screenshot_2015_09_02_02_09_14.png
http://s2.postimg.org/cizssfpi1/Screenshot_2015_09_02_02_24_56.png
(Before it was touched)What adjustment can be carried out to make it appear properly on a mobile device?
According to you, which WordPress theme does Max Mega Menu plugin work best with?
Look forward to hearing from you.
Kind regards,
Yunis
Hi Yunis,
Any theme that doesn’t customize the native WordPress menu output too much will work nicely with MMM.
Please remove the 775px padding you have on the menu (this padding is being applied to mobiles too). Instead, use:
.pull-menu-right .nav-collapse { float: none; }
Regards,
Tom
- The topic ‘No menu on mobile device’ is closed to new replies.