[Resolved] main menu not appearing on mobile

[Michiel]

my website does not use the mainmenu to be shown on mobiles. instead of it it shows the second menu. Why?

(the url can not be visited by outsiders yet)

[Leo]

Hi there,

Not not quite sure if I understand what you mean without seeing the site.

Do you have the correct menu assigned here?
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#setting-a-theme-location

Let me know 🙂

[Michiel]

Hi Leo, sorry to be so unclear. My main navigation or primair menu is beneath my header.
Above the header is my secondary (top) menu. On mobiles the primair menu disappears and the secondary menu is in the topmenu. I can send you two screenshots.

[Leo]

Unfortunately screenshots don’t help in this case.

We haven’t had this problem reported before so I will need to see the site to tell what’s going on.

Do you have a test server you can duplicate the problem on?

Thanks!

[Michiel]

Hi Leo,

Meanwhile the site got public: http://www.pharmaconnect.nl.
Do you see what I mean?

[Leo]

It’s actually here. Just white so you can’t see it.

Try this CSS:

.menu-toggle {
    color: #000;
}

Also make sure you do this:
https://docs.generatepress.com/article/activating-slide-out-navigation/#empty-slideout-navigation

[Michiel]

Yes, that seems to work!

[Leo]

Awesome 🙂

[Author]

Posts