This mobile website navigation drops down on click from the universal navigation icon. The icon is created using CSS to avoid using an image.
The menu is single level but can accomodate up to twelve items which should be more than enough for a smart phone version of a basic website.
The widget settings are shown to the right.
Set the icon color and background color.
Enter the required navigation drop down width.
Set the font family, size and color and the background color.
Set the border width, color and corner radius. If no border is required, set the width to zero.
Set the separator width and color. Set to zero if the separator is not needed. Check the box if the arrows aren't required. Enter the link text and choose the "Link to:" page.
NOTE: The first four items are obligatory. Subsequent items are added as required and the box checked to display them.
IMPORTANT: Before publishing the page, uncheck the box to hide the navigation. Select the navigation icon and bring it to the front using the Arrange menu. Find out more about Stacking Order.