Mobile navigation bar

A guide to enable and customize the mobile navigation bar

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?

Steps:

1. In the theme editor (Customize), click Mobile navigation bar

2. Select Enable mobile sticky bar

3. Save.

How to customize the mobile navigation bar

Section settings

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

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.

• 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.