The last icon in the left sidebar allows you to manage your app's navigation bar.
From this section, you can:
Reorder the navigation items to define which pages appear first.
Note: The navigation bar supports a maximum of five items.
Choose the layout for each navigation item:
Label only
Icon only
Icon and label
Customize the display name of each navigation item.
You can also set any page as the default landing page, which determines where customers are directed when they open the app.
For example, if you're running a campaign featuring exclusive products in the Drops section, you can temporarily set Drops as the default page to maximize visibility.
The Drops page is only displayed when there is at least one active Shoppable, Drop, or Lookbook.
Design
The Design section allows you to customize the appearance of the navigation bar.
Layout
Choose how the navigation bar is displayed:
Floating
Docked
Background Effect
Select one of the available background styles:
None
Blur
Glass
Example Background Effects with Floating Layout:
Example Background Effects with Docked Layout:
To customize the navigation bar colors, go to the Theme section.
Depending on the selected background effect, additional customization options become available, including:
Corner Radius
Border Width
Background Fill
Opaque
Translucent
Gradient
Active Indicator
The Active Indicator highlights the currently selected navigation item. It is especially useful when using the None or Blur background effects, providing additional visual emphasis.
Available indicator styles include:
Pill
Line
Dots
Custom
Example Pill Effect - Floating
When selecting Custom, you can upload your own icon and configure its size to match your brand's design.