Zion Builder

Appearance

Return to top
On this page

Menu

Menu element

General info

The menu element allows you to display an WordPress menu inside the page.

INFO

If you are looking for mega menu documentation click here

General options

  1. Select menu - Select the WordPress menu you want to display. Read more about WordPress menus here
  2. Orientation - Select the menu orientation. You can choose between vertical and horizontal menu
  3. Menu alignment - Select the desired menu horizontal alignment
  4. Display submenu indicator - Choose yes if you want to show the submenu indicator
  5. Submenu icon - Choose the desired submenu indicator icon
  6. Submenu indicator size - Set the desired size for the submenu indicator
  7. Flip the indicator when the submenu opens? - Select yes if you want the submenu indicator to be flipped when the submenu is active
  8. Collapse to mobile at - Choose the desired window width at which the mobile menu should display
  9. Mobile menu full-width - Choose yes if you want to expand the mobile menu to full width of the device
  10. Mobile menu alignment - Select the desired horizontal alignment for the mobile menu items
  11. Mobile menu trigger alignment - Select the desired horizontal alignment for the mobile menu trigger icon
  12. Mobile menu trigger title - Set the desired text that will appear next to the mobile menu trigger

Style options

TIP

Zion Builder elements allows you to style almost every part of an element. All style options follow the same options structure. You can find more info about style options here

  1. Wrapper - Will style the wrapper of the element.
  2. First level menu items - Will style the top level menu items text
  3. First level menu items active - Will style the top level menu items text while the menu item is active
  4. Submenu items - Will style the submenu items text
  5. Submenu items active state - Will style the submenu items text while the menu item is active
  6. Mobile menu trigger - Will style the mobile menu trigger icon
  7. Mobile menu wrapper - Will style the wrapper containing the mobile menu
  8. Mobile menu items - Will style the mobile menu items
  9. Mobile menu items active - Will style the mobile menu items while the item is active
  10. Mobile submenu wrapper - Will style the mobile menu wrapper
  11. Mobile submenu items - Will style the mobile menu submenu items
  12. Mobile submenu items active - Will style the mobile menu submenu items while they are active

Advanced options

TIP

All the options inside the advanced options tab are the same for all elements. You can find more info about advanced options here