# Navigating

{% hint style="warning" %}
The look and feel and elements of the navigation bars may vary because admins have full control to customize them (see [Admin Guide](https://docs.meeds.io/meeds-guides/admin-guide/setting-up-meeds/advanced-setup/topbar-and-sidebar-customization))
{% endhint %}

#### Watch these videos to quickly learn how to find your way on a Meeds Hub 

{% tabs %}
{% tab title="Web" %}
{% embed url="<https://www.loom.com/share/b364089bd15a48cb899464950ddc88d6?sid=e0d31fc8-f22d-47a2-8bd0-d752b48a507d>" %}
How to browse the Meeds Hub
{% endembed %}
{% endtab %}

{% tab title="Mobile" %}

{% embed url="<https://youtu.be/Otz4ZXRuXlU>" %}
How to browse a Meeds Hub ( on mobile)
{% endembed %}
{% endtab %}
{% endtabs %}

## The Top Bar

Top bar is a sticky panel on top of each page that helps navigating and accessing handy shortcuts.&#x20;

<figure><img src="https://3823946396-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1i2FMkbhfl9LXQQfUyES%2Fuploads%2FpHnPvA4rP11YBXSDsUxr%2Ftopbar.png?alt=media&#x26;token=1a6dcd38-3fc0-4493-8bc6-cf5b2f9dab4e" alt=""><figcaption><p>Exemple of a top bar in a space</p></figcaption></figure>

It contains from left to right :&#x20;

* the logo and the site name
* the site's navigation menu
* a set of icons for various short actions:&#x20;
  * &#x20;[Search](https://docs.meeds.io/meeds-guides/user-guide/exploring-a-meeds-hub/navigating/searching-for-content)
  * Chat
  * Wallet
  * [Notifications](https://docs.meeds.io/meeds-guides/user-guide/exploring-a-meeds-hub/navigating/updating-your-notifications)
  * [Favorites](https://docs.meeds.io/meeds-guides/user-guide/exploring-a-meeds-hub/navigating/creating-your-favorite-list)
  * [App Center](https://docs.meeds.io/meeds-guides/user-guide/exploring-a-meeds-hub/navigating/listing-your-applications)
  * Pinned apps
  * Administration (admins only)

## The Left Bar

The left bar is a collapsible panel that provide entry points to selected sites and important pages of your Meeds Hub.

<figure><img src="https://3823946396-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1i2FMkbhfl9LXQQfUyES%2Fuploads%2FNdkUuOpI16Jbz2uLlVyi%2Fleftbar.png?alt=media&#x26;token=1318efb0-4e29-4764-a0e6-c526f0daf02c" alt="" width="300"><figcaption><p>Example of a left bar</p></figcaption></figure>

The left bar contains :

* the hubs' logo and name
* icons  to collapse, reduce of stick the panel  ![](https://3823946396-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1i2FMkbhfl9LXQQfUyES%2Fuploads%2FLv5YZ8s6ynxw2T4LgAQ4%2Fleftbar-icons.png?alt=media\&token=efef381b-0331-47d0-8f52-31256d68c7be)
* links to main sites such as [Contribute](https://docs.meeds.io/meeds-guides/user-guide/exploring-a-meeds-hub/contribution-center) and [My Workspace](https://docs.meeds.io/meeds-guides/user-guide/exploring-a-meeds-hub/my-workspace)
* link to important core pages such as [People](https://docs.meeds.io/meeds-guides/user-guide/exploring-a-meeds-hub/people-and-spaces) and [Discover](https://docs.meeds.io/meeds-guides/user-guide/introduction/discovering-communities) or any custom link
* announcements, communities, projects, and circles
* the Meeds changelog
* icons to access  your profile, settings and logout&#x20;