- This topic has 17 replies, 5 voices, and was last updated 10 months, 1 week ago by Steven.
October 18, 2019 at 3:21 pm #1038477jonathan
Not sure if this falls outside support scope, but I know Max Mega Menu has been used and suggested on the GP forum for years.
I’ve installed it for the first time on a site that is using Navigation As Header and for some reason it’s placing the Max Mega Menu to the LEFT of the logo. Also there seems to be some width constraint on the element because the words are all garbled.
If you had any thoughts, I’d really appreciate it!
JonOctober 18, 2019 at 4:05 pm #1038492LeoStaffCustomer Support
I’m not familiar with Max Mega menu but are you able to use it just for the submenu where you want the mega menu?
Also are you just looking to do a simple mega menu? If so you could also consider our CSS solution:
Let me know 🙂October 18, 2019 at 5:51 pm #1038521jonathan
Thanks so much for your reply, Leo. I was using the GP mega menu but the icons I placed in the links were lining up correctly. I basically needed something with more options.October 18, 2019 at 11:58 pm #1038662LeoStaffCustomer SupportOctober 19, 2019 at 6:13 am #1038804jonathan
Thanks for checking back, Leo. Those changes are just from the plugin configuration settings.
The real problem, which I’ve been racking my brain over, is how the menu is placed to the LEFT of the logo.
However, when I look at the HTML, the logo is actually BEFORE the NAV in the order of flow. So I can’t figure out for the life of me why these two elements are swapped.October 19, 2019 at 6:23 am #1038806jonathan
There’s a CSS selector I’ve never heard of, and it looks like it has something to do with the ordering of child elements.
When I set the “order” to zero on the .navigation-branding class, the logo and nav go into their proper order.
}October 19, 2019 at 9:44 am #1039053LeoStaffCustomer SupportNovember 19, 2019 at 11:56 am #1067721Steven
Trying to GP to work with Max Mega Menu and mmenu.js. I think I have the mmenu.js working now. Just can’t seem to get the MMM to “take over” the primary nav from GP.
Didn’t see notes on the MMM vendor site about GP integration: https://www.megamenu.com/articles/theme-integration/
I am suppressing MMM for mobile so that mmenu.js can take over GPs toggle button for mobile menu.
Test site: https://cityofbellingh.wpengine.com/
Thanks for any tips you can pass along.November 19, 2019 at 3:20 pm #1067836Steven
It seems when the browser screen is between the GP Mobile Menu Breakpoint (840) and the Max Mega Menu Responsive Breakpoint (500px) the mega menu appears. But anything wider than 840 results in the MMM disappearing and the GP primary nav showing.November 19, 2019 at 3:59 pm #1067864DavidStaffCustomer SupportNovember 19, 2019 at 4:01 pm #1067868Steven
No – I just pushed the GP mobile break point to 4000 🙂
Still struggling with the best way to have mmenu.js, GP, and MMM coexist.November 19, 2019 at 4:12 pm #1067881DavidStaffCustomer Support
Aah right – nice move lol
Not sure how all these menu plugins operate. What happens if you set the Customizer > Layout > Primary Navigation -> Location to No Navigation ? Probably will break the nav altogether….
Or assign an Empty Menu to the Primary Nav?November 19, 2019 at 4:22 pm #1067887Steven
Not readily seeing that as an option.November 19, 2019 at 4:34 pm #1067897DavidStaffCustomer SupportNovember 19, 2019 at 4:44 pm #1067911Steven
I think that just blanks out both menus.
- You must be logged in to reply to this topic.