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.
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.
Lot of options are available there. You can easily customize the design.
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.
You can change the default arrow icon, icon size, color, hover color, etc.