No need to stick with the default navigation styling. Besides the default navigation styling, you can use the links hover style as an alternative. This means that when users hover over a navigation link, it highlights the link, making it more visually engaging.
See the following basic examples.
Default style:
Standard hovers style:
You’ll see the difference once you hover over the links.
Available hover styles:
- Hovers standard → Hovered links will be marked with bottom lines, while submenu items will be underlined
- Hovers top → Hovered items will be marked with the top line
- Hovers bottom → Hovered items will be marked with the bottom line
- Hovers top & bottom → Hovered items will be marked with top and bottom lines
Multi-columns submenus:
You can convert the default 2 columns to up to 5 columns of submenu. However, instead of the predefined styles, this is done by adding one of the following classes to the nav item: mm3, mm4, or mm5.
Further, for the advanced Mega menu creation, we’ll look to integrate it with our plugin, MaxBoxy.