Module 43 of 71
What is the Divi Menu module?
Menu is a Divi 5 module in Divi Supreme Pro that shows any WordPress menu inside your layout. It is ideal for footers, sidebars, documentation pages and anywhere a full header would be too much.
Pick the menu, add a title, and lay it out vertically or horizontally. Collapse submenus behind arrows, choose a list style, set link, active and visited colours, spacing and alignment, and add an underline hover animation. Schema markup for site navigation is built in.
layouts
list styles
underline directions
custom code
Start from a Menu recipe.
The recipes and the playground run on the front end. Use Preview, or open the page, to try them.
Try every Menu setting.
The recipes and the playground run on the front end. Use Preview, or open the page, to try them.
Everything Menu can do.
Any WordPress menu
Choose a menu from Appearance → Menus and place it anywhere.
Vertical or horizontal
Stack links for footers and sidebars, or run them in a row.
Collapsible submenus
Hide child links behind arrows with their own colour, size and gap.
Link colours
Normal, active page, :active and visited colours, plus spacing and alignment.
Underline hover
Animate an underline left to right, right to left or from the centre.
Schema markup
SiteNavigationElement markup to help search engines read your menu.
Menu documentation
Setup for Divi 5: choose a menu, title, layout, submenu collapse, colours, list style and hover animation.
Questions about Menu.
Next module, A to Z
On Scroll Header Animation Module
Related modules
Breadcrumbs Module
Navigation trails with schema.
Table Of Contents Module
Auto-build a list of page headings.
Line Hover Module
Animated underlines for links.
Tidy links in every column.
Menu comes with 70+ Divi 5 modules and 16 extensions in Divi Supreme Pro.