- This topic has 17 replies, 4 voices, and was last updated 2 years, 1 month ago by Tom.
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 customizationsGP Premium 1.7.8April 11, 2019 at 12:58 pm #866522LeoStaffCustomer Support
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-toggleas 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 #866888Eivind
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 nowhereApril 12, 2019 at 12:57 pm #867439LeoStaffCustomer Support
Do 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 #867482Eivind
Yep. My mobile menu is assigned to it.April 12, 2019 at 4:28 pm #867543TomLead DeveloperLead DeveloperApril 13, 2019 at 6:48 am #867900Eivind
Oh 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 Support
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:
6. For the label, just add an empty
Fingers crossed it should display the toggle in the nav.April 13, 2019 at 7:10 am #867958Eivind
Ah 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 nowhereApril 13, 2019 at 4:16 pm #868180TomLead DeveloperLead DeveloperApril 14, 2019 at 2:04 am #868365Eivind
Awesome! That did the trick. It shows two menus thoughApril 14, 2019 at 6:47 am #868480TomLead DeveloperLead DeveloperApril 23, 2019 at 12:59 am #876240Eivind
So the question now is how do I display the toggle on mobile devices?April 23, 2019 at 9:06 am #876744TomLead DeveloperLead DeveloperApril 26, 2019 at 9:43 am #880674Eivind
Yeah 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.
- You must be logged in to reply to this topic.