Mobile Menu View

mobile-menu-view2

The Mobile Menu View section has two settings. The first deals with which side you wish to display the “Hamburger Icon” either to the left (default) or to the right.

If you select to display the hamburger icon to the left, this will make the menu slide in from the left:

hamburger-icon-left

Hamburger icon left

If you select to display the hamburger icon to the right, this will make the menu slide in from the right:

hamburger-icon-right

Hamburger icon right

The second setting, Use Off-Canvas for Mobile, deals with using the Off-Canvas menu for mobile devices. The default setting is No. This means that the top-bar menu will show when a visitor comes to your site on a mobile device:

top-bar-default-mobile-display

Use Off-Canvas for mobile? set to No (default)

If you select Yes for Use Off-Canvas for mobile? then the off-canvas menu will appear when a visitor comes to your site on a mobile device:

off-canvas-mobile-view

Use Off-Canvas for mobile? set to Yes

If you select Off-Canvas in the Menu Selection setting you need to make sure that you set Use Off-Canvas for mobile? to No.

If you do not set it to No then your visitors will see with two off-canvas menus if they visit your site on a mobile device:

two-off-canvas-menus

Off-Canvas used as the main menu and Use Off-Canvas for Mobile? set to Yes

*I used Viewport Resizer for the mobile screenshots. This is a great tool for testing purposes.