Zerif Lite

Zerif Lite includes custom CSS that integrates Max Mega Menu with the theme mobile toggle button.

In general, no theme edits are required.

As an optional step, ff you want to display the Max Mega Menu toggle bar (instead of the Zerif Lite toggle button) you can follow the steps below.

Step 1

Go to Mega Menu > Menu Themes > Mobile and set the following:

Disable Mobile Toggle: unchecked
Responsive Breakpoint: 767px.

Step 2

Go to Mega Menu > Menu Themes > Custom Styling and add the following:

The above CSS will place the toggle bar at full width below the site logo.

To remove the site logo (so you can use the Logo mobile toggle block option), add the following CSS:

Related Articles