Hamburger menu for mobile?

Hi Travis,

While there is no direct option for making a menu into a hamburger on mobile devices, this may be accomplished with the following steps:

1. Add a second menu to the display location.
2. Set these menu options
   1. Display highest level parent page
   2. Enable accordion menu
   3. Icon style = Hamburger
   4. Include highest level parent in accordion
   5. Close all accordion sections until clicked
3. Use some custom CSS to show the correct menu based on device width.

Note: The id of the menu (e.g. #block-2) may be different based on your theme and the number of menus you have on the site. If you want to send me a link to where I can see the menus I can adjust the CSS to be specific to your site.

.advanced-sidebar-menu { display: none; } #block-2.advanced-sidebar-menu { display: block; } @media (max-width: 767px){ .advanced-sidebar-menu { display: block !important; } #block-2.advanced-sidebar-menu { display: none !important; } }

Have a great day!