Secondary Nav Bar not working on mobile

I paid a subscription to ThemeKraft purely for support and received this very unhelpful reply

this seems to a resurfacing issue – we had that once before and solved it.

Though, if I remember correctly, we decided to drop the second menu and use a position selection instead; ie. that you’re able to choose between before header, after header, and so on. The secondary menu was just taken over from CC 1 without much thoughts about it. But AFAIR, the actual reason for TWO menu locations in CC 1 was, that no easy way of choosing the position existed. One has to keep in mind that CC 1 was started more than 5 years ago, and back then, quite a bunch of current WP features weren’t available (yet).

Sincerly yours,
Fabian Wolf (developer).

ps: if you still require two menus out of any reason, I could offer you to build a plugin by custom development, to keep the second menu location and also integrate both menus into a big one; this would fix both issues AND also the issue of having two mobile navigations. See https://themekraft.com/products/service/ for our current applicable rates.

Ah yes. Very unhelpful, thank you very much.

It’s like I said there (being THIS developer). So, to get more into detail: Why would one require a secondary menu? As some kind of submenu? There is already support for submenus built in .. no need for that.

And even IF one is actually using a second menu, how should that one be handled in a mobile view? Shall there be TWO menu icons be present? How will users determine which menu is which?

So yes, we are replacing the second menu with a “choose your menu location” option. And thus its also totally legitimate to tell you that if you definitely need to continue to use this menu AND have a somehow working mobile view, in which users DO NOT HAVE to decide which menu is which .. then there is custom programming.

So, what’s your point, exactly?

cu, w0lf.

Hi
Thank you for your response.

The site has been working perfectly for over a year with 2 nav bars, the top nav had a collapsible button and the secondary nav didn’t collapse but remained in view.

My customers found the site easy to navigate and I would have liked to keep this layout which is why I was hoping there was a simple fix.

I take your points on board and will have to change my site, slightly disappointed.

There is no real fix. The second menu would have to be integrated somehow into the first one. This can only be done with extended programming (excessive: server-side / PHP, or less, client-side / Javascript).

A very quick fix – or more like, trick – would be to HIDE the secondary navbar while in mobile view. You could simply add the following CSS code to the Custom CSS field (CC Settings > Advanced Settings > Custom CSS) – assuming you’re using the pre-installed HeadJS:

.lt-768 #access-secondary {
  display: none;
}

If you’re NOT using HeadJS out of any reason, then the more clunky CSS media query is the other choice:

@media (max-width: 767px) {
  .#access-secondary {
    display: none;
  }
}

cu, w0lf.