Website Menu Item Mobile Only
Author: Brian S.
Visited 2015,
Followers 1,
Shared 0
I want to have a Sitemap Creation item be displayed on the hamburger menu only. I created a Map Menu item as a "Level" and I simply want it to appear on the hamburger menu only. Is this possible w/o me jacking up the code?
Posted on the
Hello.You can create two menu objects.One display on computers, and the other on a mobile device.In the first, you need to hide an unnecessary menu item, and in the second menu, do not hide it. But I definitely don’t know if this will work or not.
Brian, just as Aleksej said. Add a level (hidden) with a level for each real page plus the page or pages you wish available only on hamburger menu.
You can have 2 menu's available in the header or sticky bar, with care you can keep one as text (multiline if necessary for lesser resolutions) and the other (starting at hidden) only as hamburger. It does mean there will be 2 menu objects for the user to choose if the hidden pages are to be available at all resolutions.
If the requirement is for the hamburger menu with extra pages only to be available at lower resolutions (eg small tablet), just hide the main menu for that resolution and then add the hidden menu (it will only be available for that resolution or less).
Author
Okay i can see how that would work, but that is replacing the whole menu. I want to show the whole menu in the hamburger, but i want an additional hidden level to show (my case - no sub pages) ie: when its 720px and below. In the menu object you can not "add" the level page, only tell it what parent to start with it and it adds the child nodes to the menu.
In my case I want "Menu" to be the selection, all the underlying levels and pages show (non-hidden) as its doing now, but i have an additional Level that needs to be added at its index in the list. So as below the "bold" Trail, does not show UNLESS its a hamburger and below 720 with ALL items in the list, or whatever the resolution settings.
Menu
Brian, that is the exact effect you would achieve with my instuctions above, just include only the menu of choice dependent on resolution. You cannot magically unhide a page/level dependent on resolution.
The whole task should take 5-10 minutes.
Author
Ah I see what you are getting at. I have to recreate all the pages as links only by putting Levels under the hidden level and in the Menu control and point the View to the hidden level. This works, but less than ideal. As there are quite a view pages to put under the level. So simple that I only want to show one menu item in the hamburger when it is displayed. Its too bad there are not more options for specific menu items to be displayed at certain view ports. Or even the ability to have multiple REAL different menus and just point my Menu object to the desired menu in the Content Template. Your suggestion will have to do. Thanks for the help!
Brian, if you would settle for having your mobile only level/page not in the hamburger menu but as a simple button included on the header/sticky menu only at mobile resolution this would save a significant amount of effort.
OR
For mobile only you might prefer to have 2 separate hamburger menus display (even with different colours/attributes if you wish), one which is the normal menu, the other with "Trail" as the root.
The latest version of WX5 will even let you add a graphic behind/instead (set colours transparent) of the hamburger menu (You could perhaps add the word trail captured as a graphic?)
(It > En) ... in addition to what has already been said,
... ... ... maybe! ... could be easy, just with simple additional code ...
... if you are interested, you have to put the link of your page online and specify the menu item you want to hide, ... otherwise ignore my post, and as not said ...
.
hello, ciao
.