Knowledgebase

The hamburger menu is the compressed version of your main navigation used on mobile displays. This format allows users to access the menu as needed without having it take up a large part of their screen. The hamburger menu was styled when the design was implemented, but various options are available, if change is desired.

Tip: Mobile Design Editor, and the ability to edit the hamburger menu, is only available on current layouts.

1. Go to Design > Design Editor.
2. Click Mobile and Tablet next to the Published design.
   
   
   
   
3. Expand the Main Menu section.
   
   
   
   
4. Locate the Menu Button section.
   1. Edit the "Background: Color" field to change the color of the square. Enter #ffffff for a white background.
   2. Edit the "Border" field to add, change, or remove a border from the square. Set the Width to "0" for no border.
   3. Edit the "Menu Lines: Color" field to change the color of the 3 lines in the middle of the square.
      
      
5. Click Save to apply the change.