# Mobile navigation bar

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FuGgaQ25UPdqOazG4M1T4%2FFox-BG%20Light%20(14).jpg?alt=media&#x26;token=036a6508-ff06-4edc-a3cd-f2fc4b577238" alt=""><figcaption></figcaption></figure>

## What is the mobile navigation bar?

The mobile navigation bar is a fixed navigation menu that remains visible at the bottom of the mobile screen as the users scroll up/down. A navigation bar helps your users navigate through your website with ease on limited mobile screens. It is different from the sticky header that appears on the top.

## How to enable the mobile navigation bar?

{% hint style="success" %}
Steps:

1. In the theme editor **(Customize)**, click **Mobile navigation bar**
2. Select **Enable mobile sticky bar**
3. **Save.**
   {% endhint %}

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FE4DxAJ8neqyTYErcBuwU%2Fimage.png?alt=media&#x26;token=308efd48-ac24-4fa5-acf5-3c945adff575" alt=""><figcaption></figcaption></figure>

## How to customize the mobile navigation bar

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FFL0XVRPOFKG6QJSEDgyk%2Fimage.png?alt=media&#x26;token=54d140f4-a265-4a61-a36b-ded592562735" alt=""><figcaption></figcaption></figure>

### Section settings

* **Show button label**: You can show/hide the button labels by checking/unchecking the box.

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FnsuYzjcVxv60XbaKro9b%2Fimage.png?alt=media&#x26;token=b1688837-a455-4097-b059-d3907d0e8363" alt=""><figcaption></figcaption></figure>

### Blocks settings

This section has four pre-built blocks: Home, Products, Search, and Cart. You can choose to show/hide one particular block based on your store's objectives.&#x20;

* **Home**: Get back to the home page.
* **All products**: Redirect customers to the all product page.
* **Search**: Let customers search for products.
* **Cart**: Let customers check the items they have added or check out.
* **Custom link**: Redirect customers to an attached link page as desired, see more [here](#custom-link-settings).