Admin Menu

You can highly customize your dashboard menus and their submenus using the menu settings. Three main options available are the Menu editor, Settings and Styles.

Menu Editor

In the menu editor pick the exact menu item or the submenu item you want to modify. Things you can customize:

Admin Menu Editor settings
  • Rename as: Allows changing the display name of the menu item (e.g., “Admin Panel” instead of “Dashboard”).
  • Change Link: Enables redirection of the menu item to a new URL.
  • Add Separator: Check the box to add a visual separator below this menu item.
  • Hidden For Rules: Set visibility rules for different user roles.
  • Set Custom Icon: Either select “no icon” or select custom icons from the hundreds of icons available in the WP Adminify Icon Picker. (Icon picker is not available in the submenu settings)

Settings

This tab allows for customization of the overall menu structure and appearance in the WordPress admin area.

Menu Type (vertical & horizontal)

Menu Type: Pick whether you want a Vertical menu (traditional WordPress layout) or Horizontal menu (menu across the top of the screen)

Menu Mode =>

  • Default: Standard menu display
  • Folded: Collapses the menu to icons only, expanding on hover
  • Rounded: Applies rounded corners to menu items
Folded menu style

Icon Style: Default icons or rounded icons (Only available for Folded menu mode)

Sub Menu Style =>

  • Default: Standard dropdown for submenus
  • Accordion: Expands/collapses submenu items within the main menu (Not available for Folden menu mode)
  • Toggle: Shows/hides submenus with a click
Rounded and accordion style

User Info =>

  • Toggle switch to Hide or show user information in the admin menu
  • When enabled, it would display user details like username or avatar in the menu area under the logo
User info in admin menu bar

Horizontal Menu settings

Menu Item Style: Pick from Icon Only, Text Only or Both to determine how menu items are displayed in the horizontal layout

Dropdown Toggle Icon: Controls the visibility of dropdown icons for menu items with submenus

Top Menu Links: When enabled, allows parent/top-level menu items to be clickable

Bubble Icon: Controls the visibility of update or plugin notification bubble icons

Break Long Lists: When enabled, it breaks menu lines if the main menu gets too long for the screen width

Horizontal Menu settings

Styles

Font Settings: This section likely allows you to change the font family, size, and weight of your menu text.

Text Transform: Options to control capitalization (uppercase, lowercase, etc.)

Font Size: Set the font size of your menu text.

Line Height: Adjust the spacing between lines of text in your menu.

Letter Spacing: Control the spacing between letters in your menu text.

Menu Width: Adjust the width of the admin menu.

Menu Wrapper Padding: Add padding around the entire menu. Padding creates a buffer between the edge of the menu and its content. You can set padding for the top, right, bottom, and left sides of the menu wrapper.

Parent Menu Horizontal Padding: Control the padding on the left and right side of the parent menu items (typically the top level menu items).

Sub Menu Wrapper Padding: Set padding around the sub menus (menus that dropdown from parent menus). You can set padding for the top, right, bottom, and left sides of the sub menu wrapper.

Sub Menu Vertical Padding: Control the padding above and below sub menu items.

Admin menu font settings

Color Settings

Parent Menu Colors => Control the colors of the main menu bar, including:

  • Wrap BG: The background color of the entire parent menu bar.
  • Menu Hover BG: The background color that appears when you hover over a parent menu item.
  • Text Color: The color of the text in the parent menu items.
  • Text Hover: The color of the text in the parent menu item when you hover over it.
  • Active Menu BG: The background color of the parent menu item when it’s the current page or section you’re viewing.
  • Active Menu Color: The text color of the active parent menu item.
Admin Menu color settings

Sub Menu Colors => Control the colors of the dropdown sub menus:

  • Wrap BG: The background color of the sub menus.
  • Submenu Hover BG: The background color that appears when you hover over a sub menu item.
  • Text Color: The color of the text in the sub menu items.
  • Text Hover: The color of the text in the sub menu item when you hover over it.
  • Active Submenu BG: The background color of the sub menu item when it’s the current page or section you’re viewing.
  • Active Submenu Color: The text color of the active sub menu item.

Notification Colors => Control the colors of any notification elements within the menu, such as badges or icons.

  • Background: The background color of the notification.
  • Text Color: The color of the text within the notification.
Was this article helpful?