> For the complete documentation index, see [llms.txt](https://4sh-templates.gitbook.io/opulent-os2.0/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://4sh-templates.gitbook.io/opulent-os2.0/mobile-sticky-bar.md).

# Mobile sticky bar

"A mobile sticky bar enhances user navigation on smaller screens by providing easy access to key website features.

The mobile navigation bar is a fixed menu positioned at the bottom of the mobile screen, remaining visible as users scroll up or down. It serves a distinct purpose from the sticky header, which is located at the top of the page."

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

{% hint style="success" %}
Steps

1. In the theme editor **(Customize)**, click **Mobile sticky bar.**
2. Select **Show sticky bar** and edit the settings.
3. **Save.**
   {% endhint %}

<figure><img src="/files/5ZxUpR5nAdVbBSo9VWU8" alt=""><figcaption></figcaption></figure>

"The settings offer checkboxes to activate the mobile sticky bar and various addons:

* Show home icon: Provides a shortcut to return to the homepage.
* Show products listing: Redirects customers to the product listing page.
* Show cart icon: Allows customers to view items they've added or proceed to checkout.
* Show search icon: Enables customers to search for products.
* Show account icon: Displays a login icon for accessing customer accounts.
* Show wishlist icon: Directs customers to the page where they can view their favorite products."

{% hint style="info" %}
Customers' account settings must be enabled to show an account icon in the mobile sticky bar
{% endhint %}

<figure><img src="/files/8eOqeT52aogwZ4cqmJFW" alt=""><figcaption></figcaption></figure>