Top Bar

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

Logged in user

  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

  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)

Edit mode button on the top bar

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

Custom HTML Area

Last updated