Site logo

Archived topic

Mega menu issue with Generate press Pro

10 replies · Started by 99gp on August 3, 2021

Viewing posts 1–11 of 11

Hi

I use Generate Press Pro and as I needed a mega menu I followed the advice I saw here about using the one from megamenu.com

Everything seemed ok until I tested the mobile mode, the whole menu disappears and I don't get the burger menu. It happens when I use primary placement on float right. If I use the top location the burger menu shows so its not an issue with the plugin it seems but with something in the template when we place the menu on the right of the log.

thanks

Hi there,

It looks like Megamenu is adding this CSS to hide the mobile menu toggle:
https://www.screencast.com/t/OyBayF8qVplu

Not sure why they added this CSS, you can use this CSS to override it:

body.mega-menu-primary .mobile-menu-control-wrapper button.menu-toggle {
    display: block;
}

Let me know :)

Thanks Ying
worked like a charm to toggle the menu BUT... I have a new issue when I click the toggle menu I end up with an empty menu !?

It seems its because the toggle menu box is not the one from Mega Menu but from GP (which leads to no menu)
How can I deactivate GP's toggle mobile menu so it displays the one from Mega Menu instead?
Thanks

I only have this issue under floating right mode with the menu next to the logo, if I use nav position under header, it doesn't show the gp burger menu but shows the one from mega menu. Very weird

Ok by reactivating Menu Plus I was able to change the Generate Press toggle Mobile menu from 768 to 0 px so it stops showing it and lets my Mega Menu burger menu display instead.

I still have another issue though... while the GP burger menu showed perfectly will aligned on the right, it seems when I deactivate it, the logo takes all the space and moves my Mega Menu burger menu below.

Thanks

Did you remove your site link?

Can you provide your site link again?

Let me know :)

must have removed itself when I first thought the topic was resolved sorry here it is :)

Hi there,

try adding this CSS:

@media (max-width: 768px) {
    .site-header .inside-header {
        flex-direction: row;
        align-items: center;
    }
}

Thanks its all good have a good day !

Glad to be of help - you too!

This archived topic is closed to new replies.