# Configuring The Website Header
This article explains how you can configure the header on your website in order to make it best match your theme, colour scheme and logo. In order to make changes in this area you will need to visit the [System Settings](https://ngx-ramblers.org.uk/admin/system-settings) page and view the **Logos** and the **Website Header** tabs. 

## Configuring a Light-Themed Website Header
By default,  [NGX-Ramblers]() generates a light website header that matches the appearance of the [National Ramblers Site](https://www.ramblers.org.uk/). Below is an annotated screenshot of what this looks like:

![](https://ngx-ramblers.org.uk/api/aws/s3/site-content/3b75f8dc-2c0b-4e70-914e-be1882b7ed4b.jpg)

Below are the [Website Header Settings](https://ngx-ramblers.org.uk/admin/system-settings) that would be needed to configure a light-themed website header:

![](https://ngx-ramblers.org.uk/api/aws/s3/site-content/4907d9b5-b61b-4819-90fe-79bce79720db.jpg)

## Configuring a Dark-Themed Website Header
If your logo is predominantly dark, or is too wide for the navbar to be position to the right, a dark theme might better suit your site. Below is an annotated screenshot of what this looks like:

![](https://ngx-ramblers.org.uk/api/aws/s3/site-content/a26cf374-bb56-4531-ae9f-89db6f892baf.jpg)

Below are the [Website Header Settings](https://ngx-ramblers.org.uk/admin/system-settings) that would be needed to configure a dark-themed website header:

![](https://ngx-ramblers.org.uk/api/aws/s3/site-content/c761142a-c675-4165-ad37-009235c2dee4.jpg)