Catch Base
Hide Header Search
The search box in the header will sit on a new line below the menu. To hide the search icon, add the following to Appearance > Customize > Additional CSS:
|
1 2 3 |
.search-toggle { display: none !important; } |
Mobile Menu Options
By default the mobile menu in Catch Base slides out from the left.
If you enable Max Mega Menu for your primary menu then you will see the collapsed Mobile Menu within the slideout panel.
Option 1 – Leave as is
The user will need to click the theme mobile toggle button to slide out the mobile panel. Then the user will need to click the Max Mega Menu mobile toggle button to see the mobile menu contents.
Option 2 – Show the Max Mega Menu mobile menu in it’s expanded state, within the slideout panel
Under Mega Menu > Menu Themes > Mobile Menu, enable “Disable Mobile Toggle”.
Option 3 – Show the default theme mobile menu within the slideout panel
Under Mega Menu > General Settings, set the “Active Menu Instance” to “1”.
Option 4 – Disable the slideout panel and show the default Max Mega Menu mobile menu within the page content
Under Appearance > Customize > Additional CSS, add the following:
|
1 2 3 4 5 6 |
.mega-menu-primary .nav-primary { display: block !important; } .mega-menu-primary #mobile-header-left-menu { display: none !important; } |
Important: Each option works independently, If you are working through each of the options, make sure you keep track of what you’ve changed and revert those changes before trying the next option.