1. Home
  2. Docs
  3. Header Elements
  4. Simple Menu

Simple Menu EA Element


If you don’t know how to activate elements and start using it, then check the tutorials below:

Ξ Activate/De-activate Elements

Ξ Using Elementor Addons in Elementor


 

How to Customize the Simple Menu Element

 

»Content

 

General

Select a skin for the simple menu.

⇒Select Menu: Select the menu here. Go to the Menu screen to manage your menus.

⇒Layout: Set the layout of the simple menu either horizontal or vertical.

 

Unable To Use or Found Bugs?

⇒Need Support: Are you in need of a feature that’s not available in our plugin or got some bugs? Feel free to do a Support request.

 


»Style

Main Menu

⇒Background Color: Add a custom background color to the main menu.

⇒Border Type: Select a border type from the list according to your preference. And then set the border width for the top, right, bottom and left of the main menu for different dimensions. You can link the values together or customize them individually.

⇒Border Color: Add a custom color to the main menu border.

⇒Shadow: Customize the shadow color, set the horizontal and vertical value of the shadow, control the blur radius and spreading, and set the position either outline or inset.

 

Dropdown Menu

⇒Animation: Select an animation for the dropdown menu.

⇒Background Color: Add a custom background color to the dropdown menu.

⇒Border Type: Select a border type from the list according to your preference. And then set the border width for the top, right, bottom and left of the dropdown menu for different dimensions. You can link the values together or customize them individually.

⇒Border Color: Add a custom color to the dropdown menu border.

⇒Border Radius: Set the border-radius around the dropdown menu for different dimensions.

⇒Padding: Set the padding value for the top, right, bottom and left around the dropdown menu for different dimensions. You can link the values together or customize them individually.

⇒Shadow: Customize the shadow color, set the horizontal and vertical value of the shadow, control the blur radius and spreading, and set the position either outline or inset.

 

Top Level Item

⇒Alignment: Set the alignment of the top-level item.

⇒Typography: Set the typography options for the top-level item.

⇒Text Color: Add a custom color to the top-level item for both normal and hover view.

⇒Background Color: Add a custom background color to the top-level item for both normal and hover view.

⇒Divider Color: Add a custom color to the top-level item divider.

⇒Padding: Set the padding value around the top-level item.

⇒Dropdown Indicator:

→Icon: Add an icon to the dropdown indicator. The following options are only available in the Small screens for Horizontal Layout, and all screens for Vertical Layout.

→Color: Add a custom color to the dropdown indicator.

→Background Color: Add a custom background color to the dropdown indicator.

→Border Color: Add a custom color to the indicator border.

 

Dropdown Item

⇒Alignment: Set the alignment of the dropdown item.

⇒Typography: Set the typography options for the dropdown items.

⇒Text Color: Add a custom color to the dropdown item for both normal and hover view.

⇒Background Color: Add a custom background color to the dropdown item for both normal and hover view.

⇒Divider Color: Add a custom color to the dropdown item divider.

⇒Padding: Set the padding value around the dropdown item.

⇒Dropdown Indicator:

→Icon: Add an icon to the dropdown indicator. The following options are only available in the Small screens for Horizontal Layout, and all screens for Vertical Layout.

→Color: Add a custom color to the dropdown indicator.

→Background Color: Add a custom background color to the dropdown indicator.

→Border Color: Add a custom color to the indicator border.

 


»Advanced

Set the Advanced options that are applicable to this widget

Still can’t figure out? Don’t worry, we got your back! Just watch the video tutorial below to have a precise understanding of the Simple Menu Element.


Was this article helpful to you? Yes No

How can we help?