Menu provides a set of css class to enable users to customize it. The following list of CSS class names are used to customize the Menu component. You can customize the appearance of the Menu by overriding the existing styles. The following list of CSS class names are used to customize the menu component.
| Class Name | Description |
|---|---|
| e-menu-wrapper | Applied to Menu wrapper element. |
| e-menu-parent e-menu | Applied to the parent item element. |
| e-menu-item | Applied to the menu item. |
| e-menu-icon | Applied to the span element of menu item. |
| e-menu-url | Applied to the URL menu item. |
| e-menu-parent e-ul | Applied to the sub menu’s parent ul element. |
| e-menu-popup e-popup | Applied to the element when menu item popups. |
| e-selected | Applied to the selected menu item. |
| e-focused | Applied to the focused menu item. |
| e-menu-caret-icon | Applied to the menu item with caret icon. |
| e-hamburger | Applied to the element with hamburger mode. |
| e-disabled | Applied to the disabled menu element. |
| e-vertical | Applied to the vertically oriented menu element. |
| e-rtl | Applied to the menu with rtl state . |
| e-bigger | Applied to the bigger menu. |
| e-blankicon | Applied to the menu items with no icons. |
| e-scroll-right-nav | Applied to the element with right scroll . |
| e-scroll-left-nav | Applied to the element with left scroll . |