> 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

<figure><img src="/files/ZjQiESjvoHhojCG0ONj3" alt=""><figcaption></figcaption></figure>

1. Add the `Page Header` component.

***

<figure><img src="/files/hDRnPlsJ8Q2YOCGjBSv0" alt=""><figcaption></figcaption></figure>

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

***

<figure><img src="/files/pIj5RF2KsDxaMQcgfnhj" 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="/files/r7UN4NRMXzXBj9hzxoNk" 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.