Menu

The Menu settings section is dedicated to the main menu appearance and behavior.

You can set up the menu options separately for desktop and mobile devices.

Options list:

  • Menu size - the size of the menu. Can be Large or Small.

  • Menu width - the width of the menu (pixels). 0 means auto-width. This option is applicable to desktop view only. On mobile devices, the widget will be full-width.

  • Menu style - the style of the menu. It can be Popup or Sidebar.

  • Popup animation - popup animation style. Applicable if Menu Style is popup.

  • Sidebar animation - sidebar animation style. Applicable if Menu Style is sidebar.

  • Menu background style - thΡƒ menu background style. Can be Regular or Icons only (no background).

  • Items style - can be Icon in circle or Icon without circle.

  • Items animation - the items appearing animation style.

  • Items border - border (separator) for each menu item. Can be None, Solid, or Dashed.

  • Items border color - border (separator) color for each menu item. Applicable if Items border is Solid or Dashed.

  • Show header - enable/disable header for the menu.

    • Header layout - layout for the header. Can be Text only, Icon left, or Icon Center.

    • Header icon type - the type of the header icon. Can be Built-in SVG or Uploaded image.

    • Header icon - the header icon or uploaded image.

    • Header text - the menu header text.

    • Header subtitle - the menu header subtitle.

    • Show close button - enable/disable the close button for the menu header.

      • Close button background color - the background color of the close button.

      • Close button color - the color of the close button.

  • Main menu background color - the menu background color.

  • Item title color - the color of the title of each menu item.

  • Item subtitle color - the subtitle color of each menu item.

  • Hovered item background color - the background of each menu item in hovered state.

  • Hovered item title color - the color of the title of each menu item in hovered state.

  • Hovered item subtitle color - the subtitle color of each menu item in hovered state.

  • Shadow size - the size of the shadow of the main menu.

  • Shadow opacity - the opacity of the shadow of the main menu.

  • Open menu automatically - open menu automatically after X milliseconds after page load. 0 mean disable this option.

Last updated