---
schema_version: "1"
id: 4e34b72bc630679756cfae8413de4bec93604bb7f48da158ca62572aacc45426
title: Set Up the Navigation Tab Bar
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/branded_apps_mobile_tab_bar_commun.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.branded_apps_mobile_tab_bar_commun.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 6e5d7f5c9a4011d0fc0653b2f3f5c90f1a2b4ee83b0f23e3a7b9553d33edd7a8
description: "In your branded Experience Cloud mobile app, the navigation tab bar is fixed at the bottom of the screen, with two pre-configured tabs: Home and User Settings. Customize the navigation tab bar by adding more tabs, and adjust the look and feel of the tabs to match your branding. And if you don't want the navigation tab bar, you can disable it."
products:
  - Experiences
  - Mobile App
  - Cross Cloud
release: "264"
---
# Set Up the Navigation Tab Bar

In your branded Experience Cloud mobile app, the navigation tab bar is fixed at the bottom of the screen, with two pre-configured tabs: Home and User Settings. Customize the navigation tab bar by adding more tabs, and adjust the look and feel of the tabs to match your branding. And if you don't want the navigation tab bar, you can disable it.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Setup for Mobile Publisher available in: Lightning Experience</td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Setup for Mobile Publisher available in: production only (not sandbox)</td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Available in Lightning Experience in: <strong>Enterprise</strong>, <strong>Performance</strong>, and <strong>Unlimited</strong> Editions</td></tr></tbody></table>

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small permission">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="colgroup" class="slds-cell-wrap" colspan="2" style="text-align:center;vertical-align:top;" id="d7316e63">User Permissions
              Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d7316e63 ">To create and modify a Mobile Publisher project:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d7316e63 ">Manage mySalesforce Apps</td>

          </tr>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d7316e63 ">To create and modify a site:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d7316e63 ">Create and Set Up Experiences</td>

          </tr>
        </tbody>
      </table>

A few things to note before you get started:

- In addition to the navigation tab bar, you can configure other navigation methods.
- The first tab must always point to the Home page of the base Experience Cloud site of the app.
- A maximum of 7 tabs are available.
- A tab that points to the user’s My Settings page shows the login page for unauthenticated users.
- Tab labels can’t be localized.
- Audiences can’t be applied to a navigation tab bar.

1. In Experience Builder, go to **Settings** | **Mobile Publisher** | **Navigation**.
    
    ![Navigation Tab](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-branded_apps_exp_cloud-264-0-0-production-enus/cf85363c-215e-4784-bb6a-c5c83c4e7140/branded_apps_exp_cloud/images/branded_apps_nav_configuration.png)
2. Add more menu items to your navigation tab bar, by clicking **Add Menu Item**.
3. Use the Add Menu Item dialog to select the target page and image that you want to associate with the new menu item. Optionally add a label to the menu item in the Menu Item Name field. Then save your changes.
    
    ![Add Menu Item dialog](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-branded_apps_exp_cloud-264-0-0-production-enus/cf85363c-215e-4784-bb6a-c5c83c4e7140/branded_apps_exp_cloud/images/branded_apps_nav_editor.png)
    
    For more information on downloading and using the home and user images for your menu items, see [Salesforce Lightning Design System (LDS) Icons](https://www.lightningdesignsystem.com/icons/).
    
    ![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-branded_apps_exp_cloud-264-0-0-production-enus/cf85363c-215e-4784-bb6a-c5c83c4e7140/images/icon_note.png)
    
    Note For menu items with the Target Page as an object, such as Case, links to record pages aren't supported in the URL field. For example, /case/:recordId(/:recordName) isn't a supported URL format.
4. To change the look and feel of the navigation tabs, use the options in the Tab Bar Style section to make your selections.
5. To disable the bottom tab bar, use the dropdown menu associated with each menu item to delete all menu items.
6. [Use the options in the Additional Navigation Options section to configure app navigation](https://help.salesforce.com/s/articleView?id=xcloud.branded_apps_builder_app_navigation.htm&release=264.0.0&type=5 "Users can navigate your branded mobile Experience Cloud app through various methods, depending on how you configure app navigation.").
7. Publish your site.