Archived topic
Max Mega Menu/Generate Press Lingering Issues
5 replies · Started by S on April 26, 2022
We are now using max mega menu and overall it works fine but need help with two fixes:
1) Mobile doesn't work right. There is a GP menu on the right and MMM menu on the left. How do we:
a) High the GP mobile menu
b) Move the MMM menu to the right side?
2) The MMM sticky menu doesn't really look right on desktop. How do we get it to be full width and keep our logo at the top?
Thank you for any/all help and replies.
Hi there,
1) a) High the GP mobile menu b) Move the MMM menu to the right side?
Do you mean hide the GP mobile menu?
If so, try this CSS:
#mobile-header button.menu-toggle {
display: none;
}
#mobile-header div#mega-menu-wrap-primary {
order: 3;
}2) The sticky mega menu is not using GP's sticky option, it has its own JS and CSS, so GP has no control over it.
You can try disable the mega menu sticky option, then add this CSS to fix the entire site header at the top of the screen:
header#masthead {
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}Thank you for the quick reply. #1 appears to have worked.
#2 works but I need a placeholder to hold that space at the top for the header otherwise the page content moves up and partially under the header. How would you suggest doing that?
You can add some margin to your content:
@media (min-width: 914px) {
.site-header ~ .site {
margin-top: 126px;
}
}
Thank you. Do you have a suggestion on how to only show this margin where the header is shown? We have some pages where we hide the header?
I've edited the CSS here: https://generatepress.com/forums/topic/max-mega-menu-generate-press-lingering-issues/#post-2201120
