Visual Menu

Updated 21 days ago

The Visual Menu allows you to display navigation items in a more visual and engaging format. Instead of a simple list, this layout uses images, cards, and styled text to make navigation more interactive and appealing.

It’s ideal for highlighting key categories or sections in a visually rich way.

Card Settings

This section controls how each menu card appears.

You can customize:

  • Image Attributes – Adjust radius, scale, and overall image display

  • Card Background – Set background color, radius, and padding

  • Card Border – Choose border color and width

 Menu 

This controls how the primary menu text appears.

Text Style:

  • Font – Choose a font that matches your brand

  • Size/Weight – Adjust how bold or subtle the text appears

  • Line Height – Control spacing between lines

  • Letter Spacing – Fine tune spacing between characters

  • Text Color – Choose a readable color

  • Alignment – Position the text

  • Capitalization – Set how the text appears

Icons (Left & Right):

  • Choose or Upload Icon – Add icons for better visual clarity

  • Icon Color – Customize the icon color

Sub Menu

This controls the appearance of sub-level items.

Text Style:

  • Font

  • Size/Weight

  • Line Height

  • Letter Spacing

  • Text Color

  • Alignment

  • Decoration

Background:

  • Color – Set background color for sub-menu items

  • Radius – Adjust corner roundness

  • Padding – Control spacing

Background and Spacing

This controls the layout of the entire visual menu.

Background:

  • Color – Set the section background color

  • Radius – Adjust corner roundness

  • Padding – Control spacing inside the section

  • Margin – Manage spacing outside the section

Border:

  • Color – Choose border color

  • Width – Adjust thickness

  • Sides – Select which sides should display the border

In the content tab, you can add and manage menu items.

For each item, you can:

  • Name – Add the label for the menu item

  • Select Target Page – Choose where users are redirected on click

  • Enable or Disable Sub Menu – Show or hide nested menu items

  • Delete – Remove items you no longer need

Benefits:

  • Enhances product and category discovery through visuals

  • Helps users make quicker browsing decisions

  • Highlights priority categories more effectively

  • Reduces reliance on text-heavy navigation

Related Articles

Announcement bar

1 min read

Button

2 min read

Image Block

1 min read

Image Banner

1 min read