Customize menu using css in EJ2 JavaScript Menu control

2 May 20232 minutes to read

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 .