-
awemous
Hi,
I am having a go at using the max mega menu to make menus look more attractive on one of my sites. All good on desktop but having a mare on mobile.
I have resorted to using the mobile header option in generatepress and have the menu sort of working, but still have the existing mobile hamburger menu next to the mega menu one.
I have searched the forums and found a similar issue and the solution was to display none the generatepress mobile menu toggle:
@media (max-width: 1200px) { body .inside-header .main-navigation button.menu-toggle { display: block; } }
however, if I do that then the woocommerce cart icon disappears and I really want that to remain. Is there any way to hide the generatepress menu toggle and keep the woocommerce cart?
Or, alternatively, turn off the max mega menu on mobile and keep the generatepress mobile menu?
Thanks for any help.
-
Alvind
HI there,
The CSS above should work to hide the menu toggle only. Change
display: block
todisplay: none
-
awemous
Great thanks – not quite the right code, but got me to find the bit that worked.
#mobile-header .menu-toggle {display: none;}
this hides the generatepress mobile menu toggle but leaves the cart in the menu.
-
Alvind
Great to hear that!
- You must be logged in to reply to this topic.