Responsive menu not working

I was going to report the same problem when I was using Gray Whale version 1.0. After downloading and installing the latest update (version 1.0.1, available at the developer’s own page here at www.ads-software.com) I haven’t been able to duplicate the problem, although I have no idea whether the update addressed the problem with the mobile-device menu button (a nice viewport-size responsive feature, minimizing the entire menu to just one button).

Anyway, you might want to try the updated version of Gray Whale and see if it helps.

jimmccool —

The way that the responsive menu works is that it drops the standard menu and gives you a widget area where you can put anything you want. I did this because you might, for example, want to have some different menu items for your mobile site than you do for your desktop / tablet site. Populate the Mobile Menu widget area, and the mobile menu will work.

Thank you for the explanation, basilosaur_us. I did what you suggested and in the “Widgets” section under “Appearance” in the WP backend, I added a “Custom Menu” widget to Gray Whale’s “Mobile Menu” location, specified the primary menu I had already created for the site (rather than create another menu), and the menu button and its associated menu work great in small viewport sizes and devices.

Thanks.

Hi,

Same issue here. I have checked the site spaciousbody.com.au and the menu icon appears but there is no reaction on the mouse click.

My site is tuinonderhoudNijkerk.nl

I really love the theme because it is clean and simple.

You need to add a custom menu widget to the Mobile Menu widget area. I have done this purposefully because some folks like to have different menu items in their mobile site than in the full site.

I hope this helps.

Hi,

Thanks for the very quick response! I did read this post and followed the instructions to add the custom menu to the mobile menu wizard. But I guess I missed something.

I have added a screenshot of the admin settings https://tuinonderhoudnijkerk.nl/test/. It is in Dutch (sorry) but you can see the menu I am also using for the regular site

I just went to the mobile version of the site, and I can see the menu just fine, now. If it is still not working, you might consider clearing your browser cache.

One thing you might consider is not titling your custom menu. When you title it, the title appears in the dropdown and can sometimes look awkward. Leaving the title blank in the widget can fix that.

Hi, I am using your great layout and have modified some of the CSS (which might have been something stupid to do)… Anyway, I have two issues:
1) The mobile menu is not displaying (and I believe this is because when I go on “Personalize” I don’t have the Widget Menu anymore and cannot activate it (even though I have activated it in Widget)
2) The top image does not display neither in the mobile menu NOR in safari browser (but it dose in Firefox).

My website is : https://www.physiocugy.ch

Do you have any hints for me? Would really appreciate your help and feedback.
Thanks in advance
Melanie

It looks like the mobile menu doesn’t display because you haven’t hooked it up. The mobile menu is actually a widget area. And you need to add a custom menu widget to it for it to show the menu. The reason for this is that some users like to have more flexibility in their mobile menu.

As for the top menu, I don’t know for sure, but it looks like you may be trying to load too large an image. I wouldn’t recommend an image that is more than 200kb or so.

Hi Basilosaur,

Thanks for your feedback. Reading the above post I actually figured out the issue with the Widget. My issue is that is that I went into Appearance, Widget and I activated the Mobile Menu. However when I look into “Appearance” – Personalize, I don’t have the Widget Menu (where I figure I should be activating the mobile menu anymore). Not sure how to twist this. Any hints? Or shall I look in the CSS code directly?
Hopefully we can find a solution.
Thanks a lot!
Melanie

If that’s the case, I don’t think I know the answer. I just tested it, and found that widgets do appear both on the Appearance>Widgets menu and in the WordPress Customizer. I can’t reproduce the bug. I’m sorry.

no problem, thanks for your help anyway. I will see if I find a way to go around it.

If you do, I’d love to know.

or can I just update something here: and what:

/* MOBILE MENU */
.button-block.button-block {
position: relative;
padding: .75em 1.5em;
text-align: right;
width: 100%;
display:none;
}
.button-block:before { /* THANKS TO AUTOMATTIC FOR THIS IDEA */
cursor: pointer;
line-height: 1em;
}
#mobile-menu {
display: none;
overflow: hidden;
background-color: #eee;
border-bottom: 2px solid #e6e6e6;
margin-bottom:.5em;
}

#mobile-menu.active {
display: inline-block;
}

#mobile-menu .widget {
border: 0;
padding: 0;
margin: 0;
}
#mobile-menu ul {
margin-left: 0;
margin-bottom: 0;
}
#mobile-menu li {
padding: .33em 0;
margin-left: 0;
list-style: none;
border-bottom: 1px solid #ddd;
}
#mobile-menu li:last-child {
border-bottom: 0;
}
#mobile-menu a {
padding-left: 1.5em;
}
#mobile-menu ul ul a {
padding-left: 3em;
}
#mobile-menu ul ul ul a {
padding-left: 4.5em;
}
#mobile-menu .sub-menu li {
border-bottom: 0;
}
Let me know
Melanie

Probably not. It doesn’t sound like a CSS issue. You might try reinstalling a version of Gray Whale without any modified CSS and seeing if that solves the problem.