GP 3.0 hiding max mega menu at mobile size.

[Natalie]

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

[Leo]

Hi there,

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

You can use the private information field.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Natalie]

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”.

[Leo]

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Natalie]

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.

[Leo]

Sounds good.

Thanks for your understanding!

Nothing wrong with float either if everything works 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts