How to layout a page with very long list of sub-navigation items?

1. How do I create a sub-navigation menu?
2. How many items in a navigation menu?
3. How many links should you have in your main navigation?
4. What is sub-navigation on a website?

How do I create a sub-navigation menu?

Create A Subnav

Use any element to open the subnav/dropdown menu, e.g. a <button>, <a> or <p> element. Use a container element (like <div>) to create the subnav menu and add the subnav links inside it. Wrap a <div> element around the button and the <div> to position the subnav menu correctly with CSS.

How many items in a navigation menu?

A good rule of thumb is to keep it to between three and six choices.

How many links should you have in your main navigation?

Ideally, you want to include no more than 7 links within your primary navigation menu, where 4-5 is preferable.

What is sub-navigation on a website?

A sub-navigation displays an extra set of navigation links for the current section of a website. This allows users to easily navigate between pages.