Mobile menu

How to setup the Mobile menu on desktop?

1

Add Main menu in Main menu block.

2

Check the "Collapse menu on desktop" checkbox and save the changes

After checked, the navigation into a mobile-style drawer.

3

Select the Collapsed menu style (Expand under logo or Drawer) to control the display of menu items when the mobile-style hamburger icon is clicked:

• Expand under logo shows the menu items below the logo in a desktop-like layout

• Drawer displays them in a drawer format similar to a mobile menu. When the mobile-style hamburger icon is clicked, the slide-out mobile drawer is displayed on desktop.

The mobile menu displays your menu links, social media icons, account, language and region selectors, promotion images, and full-width banner if added.

Note: For header with many menu items, the mobile menu format keeps everything neatly organized.