Share Your Thoughts

Sliding Menu

The Sliding Menu element allows you to add the slide (left/right/top) WP menus or taxonomies. You can use this element for the sidebar, modal, off-canvas, mobile menu, and any other specific place.

Sliding Menu Element for Zion Builder
Sliding Menu Element for Zion Builder

Enable The Element

At first, you will activate the Sliding Menu element after activating your license key. You will go to your Dashboard -> Zion Builder -> ZiUltimate page. Under the Elements tab, you will get the elements list. Select the Sliding Menu element and save the settings.

How To Use

You will open the Zion Builder editor and select the “Sliding Menu” element under the ZiUltimate category. Open the element’s settings panel UI. You will select the source for menu items. By default, it is using the WP Menus. But you can also display the categories or taxonomies of any post type.

Options

Lot of options are available there. You can easily customize the design.

1. Source

You will select the source type for menu content. There have two types of sources: WP Menu and Taxonomies.

2. Select Menu

You will select the menu/taxonomies from the dropdown. Selected menu/terms of taxonomy will show on builder with sliding menu effect.

3. Display Menu Title

This option is only available for the Menu source type. It will display the title above the menu list. Typography, background, spacing, etc for menu title will control under the Styling tab -> Menu Title style section.

4. Menu Items

With it, you will customize the menu item’s design like background color, hover color, text color, font, font size, padding, etc.

5. Sliding Effect

You will control the sliding effect under the Sliding Effect section. There have two types of sliding effects: Overlay and Push. Items will slide from right to left, left to right, and bottom to top. You can also adjust the transition duration time.

6. Arrows

You can change the default arrow icon, icon size, color, hover color, etc.