# Top Bar

<figure><img src="https://2392718208-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjCQEtIvsTA0eOyo5BCXE%2Fuploads%2FGOVpiYhrQEteYYgGVXEI%2Falpha-moodle-theme-topbar.jpg?alt=media&#x26;token=e1bb46da-892f-48a1-a83f-7d565dd35e4b" alt=""><figcaption><p>Top bar explanation for logged-in users</p></figcaption></figure>

1. **Logo**\
   Site Administration -> Appearance -> Alpha -> Top bar ->Logo (Top Bar) + Dark mode - Logo (Top Bar) \
   Site Administration -> Appearance -> Alpha -> Top bar -> Turn on a logo area -> On
2. **Show/hide the main navigation**\
   Site Administration -> Appearance -> Alpha -> Sidebar -> Turn off the sidebar
3. **Default Moodle Navigation**\
   Site Administration -> Appearance -> Themes -> Theme settings -> Custom menu items
4. **Custom HTML**\
   Site Administration -> Appearance -> Alpha -> Top bar -> Custom HTML
5. **Languages selector:**\
   Site Administration -> Language -> Language settings -> Display language menu
6. **Dark mode**\
   Site Administration -> Appearance -> SpacAlphae -> General -> Dark Mode
7. **Notifications**
8. **Messages**\
   Site Administration -> Advanced features -> Enable messaging system
9. **User Menu**\
   Site Administration -> Appearance -> Themes -> Theme settings -> User menu items

### Available options

1. Custom Top Bar Height - For those who really need a bigger logo :)
2. Edit mode button on the top bar
3. Turn on a logo area (on/off)

   *Logo, Logo(Dark Mode)*
4. Display Text Next to The Logo (on/off)\
   \&#xNAN;*Company/Site Name*
5. Custom HTML Area
6. Color Customization