3 minutes read

How to Customize Header Menu in Multi WordPress Theme?

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.