Mobile Menu “Toggle” Styles

The Total theme comes with various options for your mobile devices for opening your mobile menu (aka the Mobile Menu Toggle) this is to ensure there is a design that best fits your needs, for example users with a large logo may want to use the “Navbar” mobile menu toggle to leave run for their logo in the header. To alter the mobile menu style log into your WordPress dashboard and go to Appearance > Customize > Header > Mobile Menu. Below are screenshots for each style.

Right Aligned Icon Buttons

Like the name suggests these are icons placed on the right side of the header. You can actually place additional icons with this style by following the guide here.

total-mobile-menu-icons

Under The Logo Icon Buttons

This is the exact same mobile toggle menu as the one above, however, instead of the icons being placed to the right they are placed under the logo.

mobile-icons-menu-centered

Navbar

This toggle mobile menu style sits full width under the header with it’s own solid background.

mobile-navbar-menu

Fixed Top Site

This mobile menu style will be fixed at the top of the site so as the user scrolls the mobile menu is always visible.

total-fixed-mobile-menu