> 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/ko/smallbuilder-documents/undefined-1-1/undefined.md).

# 페이지 상단에 로고 이미지를 고정하는 방법

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

1. Page Header 컴포넌트를 추가합니다.

***

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

2. 컴포넌트 설정 패널에서 `Background Image` 를 클릭하여 로고 이미지를 업로드합니다.

***

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

3. 덧붙일 텍스트가 있다면 `Enter some text & field` 영역에 입력하세요.\
   `Position Percent` 를 이용하여 이미지의 위치를 조절합니다.\
   그 외 스타일 옵션을 선택하여 Header 컴포넌트를 설정합니다.

***

<figure><img src="/files/6PHa4eYtcdRb29bh48HO" alt=""><figcaption></figcaption></figure>

4. Header/Footer 컴포넌트를 추가하면\
   `Setting` 패널에서 `margin`을 10mm 이상으로 설정해야 합니다.