About Menu

Menus help visitors navigate your website easily by organizing links to different pages or sections in a clear and structured way.

ZenBasket Builder includes a Menu element that lets you create, customize, and manage your website’s navigation menus with ease.

Each theme includes a built-in site menu. However, if you want to customize or create your own, you can easily add a new menu manually.

Creating a Custom Menu

To create a custom menu on your site

  1. Go to the left tools panel and click Add Element.

  2. Under Advanced Elements, select Navigation Menu.

  3. From the dropdown, choose the desired menu element.

  4. Click and drag the menu element to the desired position on your site.

  5. Once added, you can customize the menu to match your design and navigation needs.

enter link description here

To customize the menu

  1. Click on the menu element to start customizing it.

  2. You can resize or reposition it by dragging the edges or moving it to a new location.

  3. Navigate to the right panel settings.

  4. Click on the Properties option.

  5. Under Effects & Animations, you can apply animation actions and effects to your menu.

  6. Under Borders & Shadows, enable Box Shadow if needed, and adjust the border using the margin and padding settings for the menu element.

    enter link description here

  7. To configure the menu design and content, click on the Configuration option.

  8. Under General Settings, choose the Menu Type: Horizontal or Hamburger.

  9. Select the Design Type: Underline, Normal, or Background.

  10. Select the Menu Position and Menu Mode from the dropdown options.

    enter link description here

  11. When you choose the Hamburger menu type, Drawer Settings will appear.

  12. You can configure:

    • Drawer Title

    • Drawer Width

    • Enable Backdrop: Turns on a semi-transparent background overlay behind the menu drawer.

      Enable Close Icon: Shows a close icon inside the menu drawer.

    enter link description here

  13. In Color Settings, you can set colors for: Text (Normal), Hover Text, Active Text, Arrow, and Underline.

  14. Under Content Settings, in Menu Items, you can edit or delete the default menu items.

  15. Click the Edit icon to rename a menu item or add a link to define where it navigates.

  16. Use the Add icon to include a new menu item.

  17. Add submenus within your menu item by clicking the Add Submenu button.

  18. Click the Delete icon to remove a menu item.

  19. Drag and rearrange menu items to set their display order.