# Top Bar

### Logged in user

<figure><img src="https://1517109349-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAEb2xvTC9MyvJ5piB0eJ%2Fuploads%2FLi6w6VNOuaujA4kNibwi%2Ftopbar.jpg?alt=media&#x26;token=125707c6-caa5-416e-81b1-56bd65beeb76" alt=""><figcaption><p>Top bar explanation for logged in users</p></figcaption></figure>

1. Logo
2. Logo Label
3. Languages selector
4. Custom HTML
5. **Default Moodle Navigation:** Site administration **-** Themes - Theme settings - Custom menu items
6. Search
7. Dark mode

### Non-logged in

<figure><img src="https://1517109349-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAEb2xvTC9MyvJ5piB0eJ%2Fuploads%2FgEPKRRI5r9YnGnPljkph%2Ftopbar_notloggedin.jpg?alt=media&#x26;token=be03d988-ff1b-43da-8c15-6d5901921219" alt=""><figcaption><p>Top bar explanation for non-logged in users</p></figcaption></figure>

1. In-build Moodle Log-in button
2. Custom button *(Top bar - Additional Button)*

#### Change the position of buttons

Site administration -> Appearance -> Monocolor -> Advanced -> Raw SCSS&#x20;

<figure><img src="https://1517109349-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAEb2xvTC9MyvJ5piB0eJ%2Fuploads%2F3RJZs3raNlxwD4VWWMeX%2FZrzut%20ekranu%202022-12-16%20o%2006.04.34.png?alt=media&#x26;token=28a1b31b-7900-4adf-905d-c8387debf5ee" alt=""><figcaption></figcaption></figure>

```scss
.rui-icon-menu--right { flex-direction: row-reverse; }
```