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

<figure><img src="https://3985481653-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA2fSsDo5KsIVkUoDIV1b%2Fuploads%2FcseEP8JaIGQG7iJp66TI%2F20250423_074820.png?alt=media&#x26;token=931462a7-1f96-4a63-9097-071dcff84316" alt=""><figcaption></figcaption></figure>

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

***

<figure><img src="https://3985481653-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA2fSsDo5KsIVkUoDIV1b%2Fuploads%2Fc6SVmypjbUMehwck3oI3%2F20250423_074935.png?alt=media&#x26;token=a1862a59-9624-4df2-81a2-e3cc6a532eb5" alt=""><figcaption></figcaption></figure>

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

***

<figure><img src="https://3985481653-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA2fSsDo5KsIVkUoDIV1b%2Fuploads%2FSM59auUWNKBz1pJdnoeM%2F20250423_075212.png?alt=media&#x26;token=745f8835-12ae-4909-8c14-409d604c332b" alt=""><figcaption></figcaption></figure>

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

***

<figure><img src="https://3985481653-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA2fSsDo5KsIVkUoDIV1b%2Fuploads%2FcifZG5r6jWwiKYbvy9co%2F20250423_075320.png?alt=media&#x26;token=678c9cf9-757d-49b9-a070-488c0799716e" alt=""><figcaption></figcaption></figure>

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