> For the complete documentation index, see [llms.txt](https://help.smallbuilder.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.smallbuilder.com/smallbuilder-documents/basic-examples/howto-logo.md).

# How to pin a logo image to the top of the page

Adding a logo to the page header

<figure><img src="https://3800415611-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNuSjRiJMvVhtdzNDzWBi%2Fuploads%2FONMoCsauCFtjQKcKmsoi%2Fspaces_A2fSsDo5KsIVkUoDIV1b_uploads_cseEP8JaIGQG7iJp66TI_20250423_074820.webp?alt=media&amp;token=414b9c75-19c1-44ee-abf4-9d88852e82f8" alt=""><figcaption></figcaption></figure>

1. Add the `Page Header` component.

***

<figure><img src="https://3800415611-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNuSjRiJMvVhtdzNDzWBi%2Fuploads%2FOFA9EVpKO0VQ9NT7BHa3%2Fspaces_A2fSsDo5KsIVkUoDIV1b_uploads_c6SVmypjbUMehwck3oI3_20250423_074935.webp?alt=media&amp;token=3321e89e-af65-4283-a943-52636213bb8b" alt=""><figcaption></figcaption></figure>

2. Click `Background Image` in the component settings panel to upload your desired image.

***

<figure><img src="https://3800415611-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNuSjRiJMvVhtdzNDzWBi%2Fuploads%2F6Q1dwMLavnOtkKNPmx4Y%2Fspaces_A2fSsDo5KsIVkUoDIV1b_uploads_SM59auUWNKBz1pJdnoeM_20250423_075212.webp?alt=media&amp;token=9418d30f-3528-47dd-9de6-d48b156abdd2" alt=""><figcaption></figcaption></figure>

3. If you want to add text too, enter it in the `Enter some text & field` area.\
   Use `Position Percent` to adjust the position of the image.\
   Finish setting up the Header component by choosing from the other available options.

***

<figure><img src="https://3800415611-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNuSjRiJMvVhtdzNDzWBi%2Fuploads%2FKw1c8W2O8u9gx9g5FHMW%2Fspaces_A2fSsDo5KsIVkUoDIV1b_uploads_cifZG5r6jWwiKYbvy9co_20250423_075320.webp?alt=media&amp;token=1eb4027b-00c7-42bb-b1ac-ff616fe334bd" alt=""><figcaption></figcaption></figure>

4. When using a page header or footer,\
   you should set the margin to at least 10mm in the settings panel.