Navigation settings

How to customise the settings of the bottom bar and menu?

This guide will walk you through two key aspects of managing the menu in your app:

Organize menu layout

You can organize the menu items in your app simply by dragging and dropping them using the layout button on the top right of this screen.

Customize Menu Appearance

You can modify the look and feel of both the primary and secondary menus by adjusting the appearance settings. Here's how:

  • Logo: Upload your app’s logo to appear at the top of the menu.

  • Text Color: Choose the text color for the menu items by selecting from a color panel, or by entering a hex code or RGB value.

  • Background Color: Set the background color of your menu to match your app's theme.

  • Separator Color: Adjust the color of the separators between the menu items.

  • Show as Grid: Toggle on this option to display your secondary menu items in a grid layout.

  • Show Icon: Choose whether to show icons next to your secondary menu items.

  • Show Text: You can choose to either display or hide the text labels for secondary menu items.

  • Icon Color: Customize the icon color for better visual consistency.

  • Text Color: Similar to the primary menu, you can adjust the text color of the secondary menu items.

Click Save to apply your changes. Use the live preview feature to see how your menu will look in the app.

By following these steps, you can ensure that your app's menu is both visually appealing and functionally efficient, providing users with a seamless navigation experience.

Last updated