You can make a drop down menu where submenus appear with rollover in Webzai using a button group and submenus.

 

To do so:


1. Add the pages you would like to appear as a "Drop down" menu to your site by clicking on the Pages tab -> New Page (repeat until you have added all the desired pages).

2. Click on the "Manage Pages" button located in the "Pages" tab.

3. Define the same page group for all pages that will appear in the same drop down menu.

4. When done, click 'OK".


5. Select the button on the site menu that you would like the drop down to start from. 

6. Click on the "Detach from template" button located at the top of the screen.




7. Add a menu under a the button you have detached from the template. This will be the drop down menu.
Important: Place the drop down menu so that its border is touching the border of the website menu.



8. Select the drop down menu and, in the left settings panel, select the group you have defined for it as the "Menu target"  .


9. Select the drop down menu and click on the "Visibility" icon on the left settings panel and then click on "Mark elements as hidden". 
This will make the the menu start hidden when viewing the site (we only want it to appear when rolling over the button). 


10. Select the drop down menu and click on the "Show on all pages" icon on the left settings panel and then click on "Show On All Pages". 


11. Select the button the would be the button the menu will drop from.
12. Click on "states" located on the top left of the screen and then click "Rollover".



13. Select the drop down menu.
14. Click on "Visibility" on the left settings panel and then select visible.


15. Select the drop down menu.

16. Click on the star icon on the left settings panel next to the style change called "Visibility"

17. Select the drop down menu.

18. Select the entrance and exit animations and the animation speed (Slide, Up, 400).

19. Click "ok"

20. Click Apply

21. Select the drop down menu.
22. Click on "states" located on the top left of the screen and then click "Rollover".

23. Select the drop down menu.

24. Click on "Visibility" on the left settings panel and then select visible.

25. Click "Apply".

25. Select the drop down menu.

26. On the left settings panel, click on "Element appearance"

27. Set the "Z-index" to 10.


Thats it! you have created a drop down menu for your site.