SwissUpLabs Logo

Iconic Menu

Don’t have a menu yet? Create simple menu, activate it the config and come back!

Iconic Menu

Navigate to Swissup > NavigationPro page, open menu to edit, apply the custom item renderer to each top level category as shown below:

Iconic Menu Backend

Click on Menu Settings button and fill the following CSS classes in Menu Settings panel: justify-around caret-bottom navpro-iconic iconic-vertical.

Explanation:

  • justify-around — Preserve space around each category
  • caret-hidden — Hide parent caret icon
  • navpro-iconic — Nicely align category name and category image
  • iconic-vertical — Place category icon on a separate row

Next up

Edit this Page