OceanWP
Fix Mobile Menu
Option 1: Use the built in theme mobile menu
To display the standard theme mobile menu in the slide out panel, tag your main menu to the “Mobile (optional)” location, but do not enable Max Mega Menu for it:
Option 2: Use the Max Mega Menu mobile menu
To use the Max Mega Menu mobile menu, go to Appearance > Customize > Header > Mobile Menu and apply the following settings:
Then go to Appearance > Max Mega Menu Settings and set the Effect (Mobile) to “Off Canvas – Slide from Left”.
You can use the Mega Menu > Menu Themes > Mobile Menu > Responsive Breakpoint setting to determine when the mobile menu is displayed.
Hide Logo on Mobile
If you wish to hide the theme logo on mobile (and instead, display your logo using a mobile toggle block), go to Mega Menu > Menu Themes > Custom Styling and add the following:
1 2 3 4 5 |
@include mobile { #site-logo { display: none; } } |