> For the complete documentation index, see [llms.txt](https://competition.docs.getfoundni.co.uk/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://competition.docs.getfoundni.co.uk/branding/logo.md).

# Logo

### Get Started

Head over to Get Found -> Headers -> Edit Main

<figure><img src="/files/dzsR2uGc5KAl13VsTCYK" alt=""><figcaption><p>Navigate to the header editor</p></figcaption></figure>

### Adding your logo

1. Hover over the current site logo and **click the pencil** to reveal the popup editor.
2. Remove the current logo and drag and then click the **"+"** icon to load the media section where you can drag and drop your logo onto the page and then click "**Select**" bottom right

<figure><img src="/files/OxFuqwygRR46zGCvEpS1" alt=""><figcaption><p>Edit Logo and remove current.</p></figcaption></figure>

<figure><img src="/files/oP5046iMr2QEM3fLtyjj" alt=""><figcaption><p>Once Your new logo is selected it should appear in the box.</p></figcaption></figure>

Make sure the link is left at **"/"**  this means when a user clicks the logo it will go back to the homepage. This is a universally known design feature.&#x20;

### Sizing your logo

If you are using a square logo the default size will suit you well.&#x20;

If your logo is a rectangle then you will need to reduce the image height. Below is the default values - you can change these to 60 - 80px, save and see how they affect how big your logo is. Repeat this on all 4 screen sizes

&#x20;

<figure><img src="/files/FgecMwxSvdvP55RKf0vD" alt=""><figcaption><p>Editing height will reduce or increase size</p></figcaption></figure>