# 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

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

## Typography settings

By default, Header inherits the [Basic](../../typography-and-fonts#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](../typography-and-fonts).
