- This topic has 17 replies, 4 voices, and was last updated 4 years, 11 months ago by Tom.
-
AuthorPosts
-
April 11, 2019 at 8:18 am #866292Eivind
Hello. I have just updated to Version 1.8.0-rc.1 wanting to try out the new overlay mobile menu. I’m using GP pro + elementor + jetmenu megamenu plugin and I’m not seeing a mobile menu trigger. Believe I have everything set up correctly in customizations
April 11, 2019 at 12:58 pm #866522LeoStaffCustomer SupportHi there,
This is because you are using Elementor + Jetmenu to build the menu.
Couple options to consider:
– You can try adding a toggle by adding a menu item with
slideout-toggle
as a custom CSS class within Elementor. This is untested but it should work.– Create that menu using GP + Jetmenu so that you are using WordPress’s default menu system.
Let me know if this helps 🙂
April 12, 2019 at 2:33 am #866888EivindHi!
Right. I’m afraid it’s too much work for me to change menu systems now.
But I like your first option. Can I use any type of menu item? What I did now was create a button and giving it class slideout-toggle and it looks perfect. But I guess some JS is required to make my mobile menu appear on click? Right now the toogle leads nowhere
April 12, 2019 at 12:57 pm #867439LeoStaffCustomer SupportDo you have a menu assigned to the Off canvas menu?
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#setting-a-theme-locationApril 12, 2019 at 1:47 pm #867482EivindYep. My mobile menu is assigned to it.
April 12, 2019 at 4:28 pm #867543TomLead DeveloperLead DeveloperI don’t think that it likes the
slideout-toggle
class applied to a<div>
. Can you add it to the<a>
element?April 13, 2019 at 6:48 am #867900EivindOh okay. Wouldn’t happen to have a recipe for that with elementor? Would probably have to edit the source code unless you guys have another trick up the sleeve
I tried creating a new anchor link with a slideout-toggle class, but no take.
April 13, 2019 at 7:00 am #867952DavidStaffCustomer SupportHi there,
you should just be able to do this:
1. In Appearance > Menus –> Screen Options Check the CSS Classes
2. Edit the Menu you’re using
3. Add a Custom Link to the Menu
4. Give it a URL of#
5. Add the CSS Class:slideout-toggle
6. For the label, just add an empty<span><!--custom toggle--></span>
Fingers crossed it should display the toggle in the nav.
April 13, 2019 at 7:10 am #867958EivindAh okay yeah that worked, or at least the toggle shows. Looks like it’s still inside a div though.
Like before with the button, it leads nowhere
April 13, 2019 at 4:16 pm #868180TomLead DeveloperLead DeveloperCan you try setting the off canvas panel to “On” instead of “Mobile Only”?
April 14, 2019 at 2:04 am #868365EivindAwesome! That did the trick. It shows two menus though
April 14, 2019 at 6:47 am #868480TomLead DeveloperLead DeveloperOne is added as a widget in the Off Canvas widget area.
April 23, 2019 at 12:59 am #876240EivindOkay, thanks.
So the question now is how do I display the toggle on mobile devices?
April 23, 2019 at 9:06 am #876744TomLead DeveloperLead DeveloperThe toggle to open the panel? It should appear by default if you have the off canvas panel set to “On” or “Mobile only”.
April 26, 2019 at 9:43 am #880674EivindYeah the toggle. It’s visible, but only on desktop/tablets as a menu item. In mobile the toggle is not visible because it’s inside the panel of my primary menu.
-
AuthorPosts
- You must be logged in to reply to this topic.