Header

Header appears at the top of your course, providing navigation and branding elements. Configure the header to establish brand identity and improve user navigation.

Styles settings

Property	Description
Panel
Display header	Toggle between "Yes" or "No" to show or hide the header completely.
Display logo	Choose "Yes" to include your brand logo in the header or "No" to hide it.
Background	Select the background color for your header.
Display border	Toggle to add a visual separator between your header and content.
Thickness	Adjust the slider to control border thickness.
Border color	Select the color for the header border.
Rounding	Use the slider to control corner roundness of the header.
Menu "button"
Display menu	Toggle to show or hide the navigation menu button.
Color	Set the default color for the menu button. Default is Text/Primary.
Hover color	Select the color that appears when users hover over the menu.
Menu icon	Upload or select a custom icon for the menu button.
Close icon	Upload or select a custom icon for the close button that appears when the menu is open.
Header shadow	Click the "+" icon to add shadow effects. Select from shadow styles: None, Soft, Regular, or Retro.

Typography settings

By default, Header inherits the Basic style configuration. However, you can customize the Header’s appearance using rich-text formatting options. These changes apply only to the Header and do not affect other text elements.

You can modify the following properties:

• Font

• Style

• Size

• Line spacing

• Color

For details, see Typography and fonts.