Navigation styles

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 hover style:

Top hover 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:

Once you select the “Multi” option from the block settings for the menu item with sub-items, its submenu display will be converted into two columns. 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.

Upgrade to Pro Version and Get more Navigation options like nav item transitions and animations

IceCubo Pro version gives you access to more patterns and full-page layouts. Choose IceCubo – The Coolest theme around, and start creating faster and design with confidence.