EverWeb Widgets HTML5

Simple Mobile Website Navigation

Mobile Navigation Widget

Single Level Navigation Menu For Mobile Websites

This is the most popular style of navigation for mobile websites since the button stretch the full width of the page and are easy to read and tap.
The navigation menu can accommodate up to twelve pages which is more than enough for a mobile website with no directories.
If more items are required, use two widgets stacked on top of each other.

Widget Settings

single level mobile navigation menu widget
Mobile Navigation

Single Level Navigation Menu For Mobile Websites

Set the font family, size, color and hover color. Note that the hover color is not really necessary for mobile website use.
Set the background gradient colors. Set both the same if a gradient is not required.
Set the text align and padding. For mobile use, the minimum padding should be 7px to make the navigation bars height enough for finger tapping.
Set the separator height and corner radius if required. Note that the separator inherits the page background color in this design.
Enter the link text and choose the "Link to:" page.

NOTE: The first three menu items are obligatory. Subsequent items need to have the Display box checked to add them to the menu.

Get The Widget