{"title":"Adding Phlox Burger Menu to the Header","id":35671,"link":"https:\/\/env.averta.net\/en\/step\/adding-phlox-burger-menu-to-the-header\/","parent":[59905,35053],"content":"

\"burgermenu-headersection\"Many users know Burger Menu<\/strong>?as a menu for smaller screen sizes. However, in Phlox theme you can have a burger menu even on large screen sizes.<\/p>\n

Burger menu settings allow you to specify a particular place for the menu?and determine the type of it.<\/p>\n

To set a Burger Menu<\/strong>:<\/p>\n

    \n
  1. Go to your WordPress Admin Panel<\/strong><\/span><\/li>\n
  2. Click?<\/span>Appearance<\/b> on the <\/span>Dashboard<\/b><\/li>\n
  3. Then click?<\/span>Customize<\/b><\/li>\n
  4. Navigate Header > Header Section<\/strong><\/li>\n
  5. Now you should click the layout which includes the Burger Menu?icon.<\/li>\n<\/ol>\n

    Note: <\/strong>In Header Section<\/a> you can read more about Header Layouts.<\/p>\n

    Burger Menu Options<\/h3>\n

    To customize the functionality of burger menu icon, you can find the related options in customizer:<\/p>\n

      \n
    1. Go to your WordPress Admin Panel<\/strong><\/li>\n
    2. Click?Appearance<\/b> on the <\/span>Dashboard<\/b><\/li>\n
    3. Then click?Customize<\/strong><\/li>\n
    4. Navigate?Header > Burger Menu<\/strong><\/li>\n<\/ol>\n

      Video Tutorial<\/h3>\n