How to Customize Header Menu in Multi WordPress Theme?

November 1, 2020 Multi User Customize Multi, Multi Theme and Website Builder

You can customize your website’s header menu using the following options in Appearance > Customize > Header > Menu settings:

  • Mouse hover animation – set the mouse hover animation of menu elements underline. Choose from:
    • Grow from middle and bottom (default)
    • Grow from middle and top
    • Grow from middle
    • Fade
    • Grow from top
    • Grow from bottom
    • Grow from left
    • Grow from left 2
    • Grow from left and right
    • Drop in
    • Drop out
  • Follow mouse cursor effect – add an effect of following mouse cursor to the menu elements underline:
    • Off (default)
    • Move
    • Move and stay on current link
    • Stretch
  • Link line thickness – set the menu elements underline thickness in pixels. Set to 0 for default thickness.
  • Link line length – set the menu elements underline lenght in pixels. Set to 0 for default lenght.
  • Link line vertical position – set the menu elements underline vertical position. Choose from top, middle and bottom.
  • Link line vertical offset – set the menu elements underline vertical offset in pixels. Enter negative value to offset link line up, positive to offset it down.
  • Link line horizontal position – set the menu elements underline horizontal position. Choose from left, center and right.
  • Header menu link color – set the header menu link (menu element) color.
  • Header menu link hover color – set the header menu link (menu element) hover color.
  • Header menu link border color – set the header menu link (menu element) border color.
  • Header menu link background color – set the header menu link (menu element) background color.
  • Header menu link background hover color – set the header menu link (menu element) background hover color.
  • Pull down icon in menus – default – set a custom menu pull down icon for default state.
  • Pull down icon in menus – expanded – set a custom menu pull down icon for expanded state.
  • Header menu pull down icon color – set the pull down icon color.
  • Header menu pull down icon hover color – set the pull down icon hover color.
  • Mobile menu pull down icon color – set the pull down icon color on mobile devices.
  • Menu item spacing – set the spacing between menu elements.
  • Menu item padding – set the padding of menu elements.
  • Show header menu separators – show or hide menu elements vertical separators.
  • Header menu item separator width – set menu item separators width.
  • Header menu item separator height – set menu item separators height.
  • Header menu item separator color – set menu item separators color.
  • Drop-down menu animation – you can set the drop-down menu animation to fade, fade and move up/down, or none.
  • Mobile menu/Dropdown/Overlayer link color – set the link color for mobile menu, dropdown and overlayer.
  • Mobile menu/Dropdown/Overlayer link hover color – set the link hover color for mobile menu, dropdown and overlayer.
  • Mobile menu/Dropdown/Overlayer link background color – set the link background color for mobile menu, dropdown and overlayer.
  • Mobile menu/Dropdown/Overlayer link background hover color – set the link background hover color for mobile menu, dropdown and overlayer.
  • Mobile menu/Dropdown/Overlayer background color – set the background color for mobile menu, dropdown and overlayer.
  • Mobile menu/Dropdown/Overlayer border color – set the border color for mobile menu, dropdown and overlayer.