# Logo

### Get Started

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

<figure><img src="https://3757828083-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkRdwoQGMPqgCGEecsX%2Fuploads%2FfF7EOhxzuPG4Tst3I6LZ%2Fimage.png?alt=media&#x26;token=64c3bb4f-dfef-4c88-8210-0f481ded0931" 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="https://3757828083-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkRdwoQGMPqgCGEecsX%2Fuploads%2Fss5YV2NxQzC6YpeBRXNR%2Fimage.png?alt=media&#x26;token=997253e0-d3db-416d-82fd-738326837a12" alt=""><figcaption><p>Edit Logo and remove current.</p></figcaption></figure>

<figure><img src="https://3757828083-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkRdwoQGMPqgCGEecsX%2Fuploads%2FgOO5Kc8xkRVxMLnrjbOR%2Fimage.png?alt=media&#x26;token=199eab88-011b-4dce-ab48-4341402e4eba" 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="https://3757828083-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkRdwoQGMPqgCGEecsX%2Fuploads%2FS2184XIJoqWPl6GABHix%2Fimage.png?alt=media&#x26;token=8806b5e9-22f9-4c3f-b7ad-8c7e29f2abd4" alt=""><figcaption><p>Editing height will reduce or increase size</p></figcaption></figure>
