[mirceaburdusa]

Hello,

I am trying to display a different menu on some specific pages. Using the Page Structure Options I am able to select a different Top Menu on specific pages, but on mobile the page still loads the default mobile menu, not the menu selected from the Page Structure Options.

How can I display the same menu on mobile as on desktop on specific pages?

Regards,
Mircea

[Althemist]

Hello Mircea,

the mobile menu can’t be changed on per page basis, but you can build completely different mobile menu under Appearance > Menus

[mirceaburdusa]

Hello Althemist,

Thank you for your reply. Unfortunately I think having different menus on mobile and on desktop is a really bad user experience. Since you offer the option to change the main menu on a per-page basis, I would assume the same menu would be used for the mobile version as well. That would make sense. For me it doesn’t make sense to be able to change the menu on desktop but on mobile be stuck with a single menu on your whole website.

How can I change the menu on mobile? Are there filters or hooks that I can use? If now, what theme files should I change in order to display a different menu on a single page, be it mobile or desktop? I think it should be fairly easy, have an if condition wrapping the mobile menu to check against the custom menu option and if that’s selected, change the mobile menu with the one selected. But I don’t know where to look. Please advise!

Regards,
Mircea

[Althemist]

Hello Mircea,

Actually you’re right. I’ll discuss with the team and if it’s a theme problem we will release an update with fix immediately.

As for having a different menu for mobiles and desktops – this is actually a very common practice. Most large sites would offer a totally different mobile menu optimized for the touch enabled devices and screen size.

However, this doesn’t change the fact that if you set a new menu for the page it must be active on mobiles too, so we are going to check that.

Thanks for your feedback.

Regards,
Dimitar

[Althemist]

Hello Mircea,

Actually we have just did a thorough test and it works absolutely fine. When you change the menu for a specific page, it’s correctly set for both the mobile and desktop versions, unless you have explicitly set a mobile menu. In this case it would always have a priority on mobile devices and that’s how it was meant to work.

If you don’t have a menu assigned as special mobile menu, the main menu (either the global one or the per-page one) will be displayed.

Regards,
Dimitar

[mirceaburdusa]

Sorry to reopen such an old issue, but I wanted to add something to the discussion. Your solution to disable the menu set as mobile menu on the whole site fixes the problem that I reported when I first started the topic and I don’t think I had the chance to thank you for this. So Thank you!

There are a few use-cases where this approach I think provides sub-optimal user experience for your clients and I would like to suggest a slightly different approach. If a user can set a global main menu and a global mobile menu and, at the same time, select different mobile menus on a per-page basis, I think the per-page mobile menu should be selectable as well. Or at least if the user selects a page specific menu, use the same menu for the mobile version as well, instead of using the global main menu.

Best regards,
Mircea

[Author]

Posts