Archived topic

GP 3.0 hiding max mega menu at mobile size.

7 replies · Started by Natalie on September 16, 2020

Viewing posts 1–8 of 8

September 16, 2020 at 6:56 am #1445672

I have updated my dev site to GP 3 Alpha.5

I use the max mega menu plugin: https://wordpress.org/plugins/megamenu/

It works fine in GP3.0 Alpha.5 until I turn on the 'flexbox' option.

Then at mobile sizes it is not visible.

The rule that is hiding it is:

 @media (min-width: 768px) {
.has-inline-mobile-toggle #site-navigation .inside-navigation > :not(.navigation-search):not(.main-nav) {
    display: none;
}

Is there an easy fix for that? I tried changing that rule but there is also a 'bar' above that would need to be hidden as well.

Thanks

September 16, 2020 at 8:15 am #1445935

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know :)

September 17, 2020 at 2:35 am #1446823

Sorry the site is only local at the moment.

However I can see the potential reason. In customise layout /header I have "mobile header" set to "off" That is because the mega menu has the settings for how the menu will look at mobile size and setting "mobile header" to "on" adds the logo and search icon and that wasn't what I wanted.

Anyway with mobile header set to "off" it is working fine and also works OK with GP 3.0 with floats. But when I turn flexbox on then the mega menu is hidden on mobile. I suspect that is the more correct behavior given that "mobile header" is set to "off"

I have now set "mobile header" to "on" with flexbox enabled and my mega menu is now there but has the logo added, a search icon and an extra menu toggle button. I can hide all those with css, but it was a lot neater with the mobile header "off".

September 17, 2020 at 8:10 am #1447332

Any chance you can create a staging site for this so we can see the issue?

September 17, 2020 at 8:11 pm #1448020

Thanks for the offer to help Leo.

Given the extent of the changes in general with the menu, search icon, etc with flexbox, I think it is best if I stick with floats. I'm sure code will come out later to address some of these issues.

September 17, 2020 at 9:06 pm #1448043

Sounds good.

Thanks for your understanding!

Nothing wrong with float either if everything works :)

November 29, 2020 at 11:06 pm #1557655

Were there any updates with this? Currently experiencing the same issue! Thank you :)

November 30, 2020 at 4:02 am #1558026

Hi there,

can you start a new topic and share a link to your site where i can see the issue. Might be something we can do.

This archived topic is closed to new replies.

Start building better websites today.