Different Mobile Menu per page

[Christopher Deane]

Hi

It’s possible to use a different desktop menu on each page but how do you use a different mobile menu?

I have a homepage with one page navigation. The mobile menu for this page is able to scroll down the page using hash links:
#bio
#contact

I’d like to go to separate page like ‘Privacy’ and have a different mobile menu with links like:
http://url/#bio
http://url/#contact

Can this be done without resorting to js?

Thanks,

Chris

[Kyle – SUPPORT]

Hi

In the page meta options you can set a different menu

– Kyle

[Christopher Deane]

Hi Kyle

You can set a different menu but not a different mobile menu for that page.

I need to set a different mobile menu not set the menu for that page to be a mobile menu at all times.

Thanks,

Chris

[Kyle – SUPPORT]

I’m afraid not sorry

– Kyle

[darthsaschi]

Hi swiftideas.

Oh, wow, sorry, but I think this is crucial to have. Being able to decide between different menus – but not mobile-menus – is nonsense.

It would be great if this cold be done.

Thank you.

Sascha

[Kyle – SUPPORT]

Thanks for the request

– Kyle

[darthsaschi]

Hi Kyle.

I apologize if my response was not polite. Do you think this feature will come?

Kind regards.

Sascha

[Kyle – SUPPORT]

Possibly, however it could become hard work and confusing, as you will have your main menu, your main mobile menu, then on individual pages have the option to have a different main menu and a different mobile menu.

Not sure why that would be helpful? Could you explain a scenario where you would need to set all of those different menus?

– Kyle

[darthsaschi]

Hi Kyle.

Yes, of course.

I have a site configured mainly as onepager with deeplinks to row-IDs. I have a main-menu mainly with #-links (e.g. #news or #contact) – leading to an animation down to a specific row.

But..

I also have further PAGES I have to link to (e.g. “Imprint”) – leaving the onepager.

Now my main-menu does not work anymore with #-links – now I need different links to e.g. http://site.com/#contact – instead of simply #contact because in my Imprint-page there is no row #contact. Therefore I need two different menus.

But the mobile-menu does not support to be overwritten. What now? I´m forced to use the complete url in the mobile-menu (http://site.com/#contact) – even if I am on the onepager – and this leads always to a page reload instead of an animation down to the adressed content.

So it´s the same as with the main-menu. I need a different menu for specific pages.

I think I can workaround this with a double-item mobile-navigation with specific CSS per link so I can hide links on specific pages…

…but not providing the same functionality for the main-menu and the mobile-menu makes a onepager-additional-pages-scenario impossible to do out of the box.

Hm, Christopher Deane described exactly this scenario at the top with much less words 😉

Kind regards.

Sascha

[Kyle – SUPPORT]

I thought changing the main menu for a page also changed the mobile nav, however I’ve just checked and it does not.

What I did on my site is have the main menu set as the menu with the full links for e.g http://site.com/#contact and also the mobile menu

Then on the home page I created a separate menu with only the #contact type links, then on my home page assigned that menu. Works fine

– Kyle

[darthsaschi]

Hi Kyle.

Yes, this works fine, but only for the main-menu. The mobile-menu still has the full links (http://site.com/#contact) – thus leading to page-reload instead of scroll down.

Kind regards.

Sascha

[Kyle – SUPPORT]

Hi

It doesn’t matter on mobile as the menu covers the screen so you can’t see the scroll anyway?

– Kyle

[darthsaschi]

Oh yes, you can…

http://bnbm.de/en/home-edit/

[Kyle – SUPPORT]

Ok will see what we can do, thanks for the request

– Kyle

[Christopher Deane]

I requested this earlier today as a feature:

http://support.swiftideas.net/forums/topic/select-different-mobile-menu-per-page/

We can close this ticket off if you like Kyle.