Top Bar

Site administration -> Appearance -> Universe -> Top Bar

Logged in user

Default view

1. Logo

2. Logo Label

3. Default Moodle Navigation: Site administration - Themes - Theme settings - Custom menu items

4. Custom HTML

5. Dark mode

6. Notification and Messages

7. Languages selector

8. User Menu

Non-logged in

View for non-logged in users.

1. In-build Moodle Log-in button

2. Custom button (Top bar - Additional Button)

Change the position of the buttons

Site administration -> Appearance -> Universe -> Advanced -> Raw SCSS

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

Hide nodes in the primary navigation

Logo container

Site administration -> Appearance -> Universe -> Top Bar -> Logo as an icon

You can modify this element using custom CSS. (.rui-logo-box)

Standard, default view

Logo container

Edit mode button on the top bar

Site administration -> Appearance -> Universe -> Top Bar -> Edit mode button on the top bar

Custom HTML Area