• Home
  • Documentations
    • Phlox WordPress Theme
    • Phlox Pro WordPress Theme
    • Master Slider jQuery
    • Master Slider WordPress Pro
    • Master Slider WordPress Free
    • LOTUS WordPress Theme
  • Video Tutorials
    • Phlox ? Video Tutorials
    • Master Slider WP Pro
    • Master Slider WP Free
    • Master Slider jQuery
    • Lotus ? Video Tutorials
  • FAQ
    • General Questions
    • LOTUS WordPress Theme
    • Master Slider jQuery
    • Master Slider WordPress
    • CUTE Slider
  • Knowledge base
    • Beginners
    • Advanced Techniques
    • WordPress plugins
  • Support Forum
    • Login Or Register
    • Support Forum
    • Support Policy
Averta Support Center
  • Home
  • Documentations
    • Phlox WordPress Theme
    • Phlox Pro WordPress Theme
    • Master Slider jQuery
    • Master Slider WordPress Pro
    • Master Slider WordPress Free
    • LOTUS WordPress Theme
  • Video Tutorials
    • Phlox ? Video Tutorials
    • Master Slider WP Pro
    • Master Slider WP Free
    • Master Slider jQuery
    • Lotus ? Video Tutorials
  • FAQ
    • General Questions
    • LOTUS WordPress Theme
    • Master Slider jQuery
    • Master Slider WordPress
    • CUTE Slider
  • Knowledge base
    • Beginners
    • Advanced Techniques
    • WordPress plugins
  • Support Forum
    • Login Or Register
    • Support Forum
    • Support Policy

Looking for the answer

  • Home
  • Header
  • Customizing Phlox Header Section
  • Customizing Phlox Header Section
  • Adding Phlox Burger Menu to the Header
  • Customizing Phlox Header Section
  • Customizing Phlox Header Menu
  • Customizing Phlox Header Menu
  • Customizing Phlox Header Menu

Customizing Phlox Header Menu


headermenu

In the customizer, you can find many options to personalize the header menu of your website. The header menu contains different layouts, skins, and some customizations for submenus.

To access the header?menu options:

  1. Go to your WordPress Admin Panel
  2. Click?Appearance on the Dashboard
  3. Then click?Customize
  4. Navigate?Header >?Header Menu

Note: You can change Header Layout to Horizontal or Vertical. To know more about available options for header section, please read this article.

Video Tutorial


Header Submenu Skins and Effects

Here you can set one of the six available Horizontal?Header Submenu Skins.

Skin Preview

Paradox

paradox

?paradoxpreview

Classic

?classic

?classicpreview

Dark Transparent

darktransparent

?darktransparentpreview

Divided

divided

?dividedpreview
?Center Paradox

centerparadox

?centerparadoxpreview
?Modern Paradox

modernparadox

?modernparadoxpreview

You can apply “fade” or “fade and move” effect to the submenu through Sub-menu Animation Effect. Or if you do not want an effect for the submenu, choose none.


Submenu Animation Effect

The submenus can animate while opening.

Submenu animation effect Preview

None

Fade

Fade & Move


Header Submenu Indicator and Splitterindicator-splitter

By switching?on the “Display Submenu Indicator” option, an indicator arrow will appear beside those?menu items that have submenu.

You can also easily divide the menu items by switching on the?Display Menu Splitter option.


Header Submenu Location

The submenu can be located below header or below header menu items.

Sub-menu Location Preview

Below Header

?belowheader

?belowheader-preview
?Below Header?Menu Items

belowheadermenuitems

?belowheadermenuitems-preview

Vertical Header Menu

After changing header layout (in Header Section) to Vertical, some options will be appear on the header menu customizations:

 

Display Vertical Menu Footer

To add footer to the vertical menu, switch on this option.

Display Searchbox Border

By enabling this option, you can add a border on the bottom of the searchbox.

Display Vertical Menu Copyright Text

A copyright text will appear at the bottom of the vertical menu if you enable this option.

Was this information helpful?

Submit
Previuos Step
Related articles list
Create New Support Ticket

Maybe You're Searching For These

Introducing Phlox
Customizing Shopping Cart Dropdown Menu
Phlox Code
Phlox Button
Phlox Accordion
Extending and Renewing Phlox Support
Phlox Divider
Getting Started with Phlox News
Copyright © 2017 Averta. All rights reserved.