Contents
A sub-navigation menu is a type of menu that increases the discoverability of content in lower-level categories of your site architecture with the fewest number of clicks.
What is a sub navigation?
Definition: Subnavigation refers to the navigation UI that helps users access lower-level categories in the site’s information architecture (IA). Minimum interaction cost: Users should be able to access an element of interest in the navigation with as little effort as possible.
Create Sub Menu Items
- Select pages that you want to use as sub menu item and add them to the menu area.
- You will see that they are added to the Menu Structure on the right.
- WordPress menu system supports drag and drop.
- Click on Save Menu to save your setup.
Where are the sub navigation menus on a website?
Alternatively your core nav can be listed vertically with each sub-menu hidden beneath the root links. Sub-navigation is sensitive to the type of layout you’re running. Believe it or not I have seen a couple websites incorporate both these styles into the same page!
The common way to address this issue, is to simply add a class to the s that contain s (sub menus) so that we can style those items differently from those that do not contain sub navigation. Pretty simple, but also pretty tedious and not particularly graceful.
How do I create a navigation menu in WordPress?
Let’s first make a simple menu from the WordPress dashboard. Log into your backend and head to Appearance > Menus, located on the sidebar. Look for Menu Name and type in the title of your new navigation menu, then click the big blue button to create it. 2. Add and Customize Navigation Menu Items
Hover over the “about”, “services” or “partners” link to see the sub navigation menu. Use any element to open the subnav/dropdown menu, e.g. a , or element. Use a container element (like ) to create the subnav menu and add the subnav links inside it.