Primary Menu

Overview

The Primary / Mega Menu Widget allows you to customize your menu which and place the menu wherever you want in the webpage. It automatically detects menu from the web page.

Options

Menu Type

Flyout : The flyout option helps to create a classic and simple menu.

Mega Menu : The mega menu option creates a extendable menu with a container that can incorporate other widgets you may wish to display.

NOTE -To understand more about creating and designing a mega menu CLICK HERE.

Column Menu : The column menu option creates a extendable menu which displays all the subpages of the website in a column format.

NOTE -To understand more about creating and designing a mega menu CLICK HERE.

Select Menu : Select Menu from the list to edit.

Alignment : Choose the alignment of the menu.

Layout : Select the layout of the menu from Horizontal, Vertical and Dropdown.

Dropdown Breakpoint : Select a device name in which menu layout is converted into dropdown.

Pointer : Select an hover style for menu.

Animation : Select an animation style for pointer.

List Style : Select a list dot style which works when menu layout is selected Vertical.

Submenu Indicator : Select style for arrow icon of menu.

Menu Style

Background : Select the state in which color effects has to be displayed respectivelyviz. Normal, Hover, Active.

Color : Set the menu text color.

Background Color : Set the menu text background color.

Typography : Set the font and text style of menu.

Horizontal Padding : Set the horizontal padding of the menu.

Vertical Padding : Set the vertical padding of the menu.

SubMenu Style

Background : Select the state in which color effects has to be displayed respectivelyviz. Normal, Hover, Active.

Color : Set the submenu text color.

Background Color : Set the sumenu text background color.

Typography : Set the font and text style of sumenu.

Horizontal Padding : Set the horizontal padding of the submenu.

Vertical Padding : Set the vertical padding of the submenu.

Left Margin : Set the left margin of the submenu.

Toggle Style

Alignment : Choose the alignment of the toggle button, It works when layout is selected to dropdown.

Color : Set the bars color.

Background Color : Set the toggle button background color.

Font Size : Set the size of toggle button icon.

Padding : Set the padding of the toggle button.

Note: It works only when layout is selected to dropdown.

Dropdown Style

Slide Style

Slide Down

Width : Set width of the submenu.

Slide From Right

Width : Set width of the submenu.

Menu Items Width : Set the width of submenu items.

Horizontal Position : Set the horizontal position of the submenu items.

Vertical Position : Set the vertical position of the submenu items.

Slide From Left

Width : Set width of the submenu.

Menu Items Width : Set the width of submenu items.

Horizontal Position : Set the horizontal position of the submenu items.

Vertical Position : Set the vertical position of the submenu items.

Full Scree

Menu Items Width : Set the width of submenu items.

Horizontal Position : Set the horizontal position of the submenu items.

Vertical Position : Set the vertical position of the submenu items.

Background : Select background of submenu from None, Color(select any color you want), Gradient(set value of gradien).

Close

Font Size : Set the size of close icon.

Padding : Set the space around close icon.

Horizontal Position : Set the horizontal position of close button.

Vertical Position : Set the vertical position of close button.

State : Select the state in which color effects has to be displayed viz. Normal or Hover.

Color : Set color of close button.

Background Color : Set background color of close button.