March 4, 2015 at 12:31 UTC - Views: 2 #17456
Hello!On normal screens I do not need a dropping down submenu, for the designers want to have the subsequent pages in a sidebar-menu. But I need the submenus in mobile view where the sidebar is hidden. Is there a smart way to set up two different menus using the menu page of word press to create two different menus and use them for mobile or screen view? My “not so smart” approach right now is to hide the submenus on not-mobile-devices using css.March 5, 2015 at 01:26 UTC - Views: 1 #20473
If you have the Plus plugin, you have an Extra menu shortcode that can insert any WordPress Custom Menu created in Appearance > Menu.
And you also have a widget that can do the same, so you can have one menu used for the menu bar, and a series of menus that you can use with the widget to display different vertical menu in each pageMarch 5, 2015 at 11:17 UTC - Views: 3 #20474
Yes, I use the extra menu as vertical menu in the right sidebar for pages with subpages (http://wp2.strafverteidiger-cuxhaven.de/rechtsanwaelte/). This sidebar is hidden on mobile devices, where I need the submenus of the main menu.I asked about a smarter way to get rid of the dropdown submenus on not-mobile-devices. There could be a way to use a main menu without submenus on not-mobile-devices and a main menu with submenus on mobile devices. Seems there isn’t.Thank youMarch 5, 2015 at 17:16 UTC - Views: 3 #20475
You can do that with a show_if shortcode and extra menu shortcodes.
Lookup the syntax in the Add Ons page.
You would hide the primary menu on all devices using its hide on option.
Then insert both menu in the appropriate insertion area like header HTML area or container top with the proper show_if shortcode like below.
[show_if device='mobile']Extra menu shortcode for the mobile menu[/show_if] [show_if device='desktop']Extra menu shortcode for the desktop menu[/show_if]
I will place a suggestion to weaver to add a mobile primary menu selection in Appearance > menus > Manage location
And you would place thMarch 5, 2015 at 20:41 UTC - Views: 1 #20476WeaverKeymaster
If you don’t need both the primary AND secondary menus, simply make the secondary the mobile menu – having the mobile menu at the very top will work well for mobile sites. Then use the Primary menu for the desktop. You can use the Hide Area to show/hide them as necessary.March 28, 2015 at 22:00 UTC - Views: 1 #20477
Sorry – for other reasons this project was on hold.Thank you for replying.I know that this workaround, but unfortunately I need both menus. The second menu I need for submenus of some pagesMarch 28, 2015 at 22:51 UTC - Views: 1 #20478
Did you read my post about using extra menu short codes inside a [show_if device='xxx'] shortcode.
You can use the primary (or secondary) menu for desktop by hiding it on mobile with the Hide Area > Hide: desktop option, then insert the mobile menu in an insertion area inside a [show_if device='mobile'] shortcode.
If you need help with the details, give us a link to a page explaining in detail which menu needs to change on mobile and howMarch 29, 2015 at 00:11 UTC - Views: 3 #20479
Yes, thank you – I will check this as soon as I got my primary problems solved – thank you, I will bookmark this. First I will try to get one menu with the right hight, the correct current-menu-flag and a proper switching to mobile without jumping and squeezing and stretching … 😉
- You must be logged in to reply to this topic.