# Stacker Navigation

The navigation bar is how your users find their way around your app. It contains all the pages the user can access in the app.

You can customize the navigation:

* [Reorder menu items](#h_01G8XBNJ686D25PZYGJWRHSWKM)
* [Rename menu items](#h_01G8XBNTZNDRZACZ7DQHNQHMB5)
* [Choose menu icons](#h_01G8XBP262Z7BJEXATWPA9S5XY)
* [Roles in Navigation](#h_01G8XC5X3VV1BF42ACG393TMFB)

## Edit Navigation bar

1. Click **App Settings**
2. Click Navigation

![nav.gif](https://support.stackerhq.com/hc/article_attachments/8109477754131/nav.gif)

### Reorder menu <a href="#h_01g8xbnj686d25pzygjwrhswkm" id="h_01g8xbnj686d25pzygjwrhswkm"></a>

* Reorder the menu by dragging menu items
* The item placed at the top of the navigation will become the page users will land on when they log into the app

### Rename menu <a href="#h_01g8xbntzndrzacz7dqhnqhmb5" id="h_01g8xbntzndrzacz7dqhnqhmb5"></a>

* Click on the pencil icon to rename the menu item, this does not affect the table name in your Data Source

### Choose menu icon <a href="#h_01g8xbp262z7bjexatwpa9s5xy" id="h_01g8xbp262z7bjexatwpa9s5xy"></a>

* Choose a menu icon to be displayed for easier reference on your navigation bar![Screenshot\_2022-05-27\_at\_12.32.23\_12.01.24.png](https://support.stackerhq.com/hc/article_attachments/8109720792339/Screenshot_2022-05-27_at_12.32.23_12.01.24.png)

### Roles in Navigation <a href="#h_01g8xc5x3vv1bf42acg393tmfb" id="h_01g8xc5x3vv1bf42acg393tmfb"></a>

* By applying roles, you can limit which user roles will have access to the menu items

Here in our Property app, we have chosen to uncheck the role of 'Client' for one of our menu items. This means that anyone in our client role will not have access to that table when they log into the app.

![CleanShot\_2023-04-04\_at\_11.11.25\_2x.png](https://support.stackerhq.com/hc/article_attachments/15477322384659)