- Zenoti Help
- Configuration
- CMA configurations
- Customize bottom navigation bar
Customize bottom navigation bar
You can customize the appearance of the bottom navigation bar by changing the background color, labels, icon style, and icon color for both active and inactive states as well as for light and dark modes.
Configure default menu
At the organization level, click the Configuration icon.
Search for and select the Bottom Navigation Bar setting from the Online booking settings section.
Click CX V3 > Bottom Navigation Bar.
Configure Default Menu by selecting the menu icon, menu label, and linking the icons to respective sections on the app.
To view a real-time display of the changes, click the Live Preview button.
Click Publish.
Configure icon color
At the organization level, click the Configuration icon.
Search for and select the Bottom Navigation Bar setting from the Online booking settings section.
Click CX V3 > Bottom Navigation Bar.
Select the icon colors for active and inactive states in Light mode and Dark mode.
To change the color, click inside the relevant field and pick a color. Alternatively, you can change the color by entering the hex color codes. (Example: Hex color code for red is #FF0000)
To view a real-time display of the changes, click the Live Preview button.
Click Publish.
Select background color
At the organization level, click the Configuration icon.
Search for and select the Bottom Navigation Bar setting from the Online booking settings section.
Click CX V3 > Bottom Navigation Bar.
Select the default color or custom color.
Default color is recommended for selection.
To customize the color, click inside the relevant field and pick a color. Alternatively, you can change the color by entering the hex color codes.
To view a real-time display of the changes, click the Live Preview button.
Click Publish.
Display labels
At the organization level, click the Configuration icon.
Search for and select the Bottom Navigation Bar setting from the Online booking settings section.
Click CX V3 > Bottom Navigation Bar.
Select the appropriate option to display the labels of all the icons, only active icons, or no labels in the navigation bar.
Color of the label is the same as its icon color.
To view a real-time display of the changes, click the Live Preview button.
Click Publish.