Menu Layout Options
Menu layout outlines the way a visitor navigates your website. It should be simple and intuitive. When looking at a website, a website visitor’s expectation is to navigate with ease and have a great experience. FirstTheme offers two options for finding pages on your website. Regular navigation lists the main pages of your site across the top of the page and a hamburger menu hides the main pages in three horizontal lines in the upper right-hand corner of the site. Each provide sub-navigation availability and customization for color, font, and alignment.
Top-Level Navigation Best Practices
For top-level navigation menu layouts, it is best practice to use 1 or 2 short words for each page name and create no more than seven main pages. It is best to list an “About” page first that shares your company’s history, values, core beliefs and/or vision. It is recommended to end your list with a “Contact Us” page that includes a form for visitors to connect with you.
Hamburger Menu or Regular Navigation
Color of font
Menu Font Size
Menu Hover Color
Social Media follows with the “Hamburger Menu” also in a mobile responsive view.
Hamburger Layout Options
(option 1) Hamburger Menu with blue background, white 12 pt font and social icons
(option 2) Hamburger Menu with blue background, red 12 pt font and social icons
(option 3) Hamburger Menu with black background, white 10 pt font and social icons