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

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.

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.

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.

Quick Links

On this page

Overview

Options

Menu Type