> For the complete documentation index, see [llms.txt](https://foxecom.gitbook.io/zest-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://foxecom.gitbook.io/zest-theme/pages-global-sections/mobile-navigation-bar.md).

# Mobile navigation bar

<figure><img src="/files/389UlefUjiaTgIxUDWy1" 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="/files/EYPVhjfsfDtAHHpAXsRZ" alt=""><figcaption></figcaption></figure>

## How to customize the mobile navigation bar

<figure><img src="/files/IKT0JOZHpP7CPRZkmZYp" alt=""><figcaption></figcaption></figure>

### Section settings

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

<figure><img src="/files/zRpENV2M0ejDq48NMP0Y" 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).