Menu settings

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 layout - can be Default or Personal

personal and default layouts

• Popup style - can be Popup, Sidebar, or No-background

popup and no-background styles

sidebar style

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

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

• Menu style - can be Regular and Style-1

Regular and style-1 menu styles

• 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.

• Backdrop - show backdrop if menu or form is opened.

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