> For the complete documentation index, see [llms.txt](https://help.qshop.ai/customer_support/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.qshop.ai/customer_support/guide/tip/device_page.md).

# PC↔︎모바일 전용 페이지 만들기

{% embed url="<https://www.youtube.com/watch?v=x0WrdWyc1GA>" %}

큐샵에서 작업한 PC 디자인은 기본적으로 모바일에 최적화된 화면 디자인이 제공되지만, 자동으로 변환이 이루어지기 때문에 의도하지 않은 디자인으로 보일 수 있어요. 수정이 필요한 경우, 모바일 뷰포트에서 따로 편집을 진행할 수 있답니다.

PC와 모바일 각각의 디바이스 별 전용 페이지를 만드는 방법과, 이때 반드시 필요한 블록 및 섹션을 숨기는 방법에 대해 상세하게 알려드릴게요.

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

{% hint style="danger" %}
**주의**

모바일 에디터로 전환하여 수정할 때 아래 내용은 반드시 기억해 주세요.

● 블록의 위치 및 크기는 PC 또는 모바일에 영향을 주지 않아요. \
● 텍스트 블록의 경우 색상, 폰트, 테두리 등의 속성을 하나의 뷰포트에서 수정하면 다른 뷰포트에도 영향을 주어요.

따라서 PC와 모바일 개별 편집을 원하는 경우, 하나의 뷰포트에서 블록 숨김 후 동일한 새 블록을 추가하여 편집해 주세요.
{% endhint %}

## 1. PC뷰에서 섹션 숨기기

특정 섹션을 PC에서 보이지 않도록 숨기는 방법에 대해 알아볼게요.

### 1) 퀵 메뉴에서 숨기기

숨기려는 섹션 하단에 있는 `더보기` > `PC에서 숨기기`를 클릭해 주세요.

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

### 2) 레이어 패널에서 숨기기

`레이어` > `섹션 상세설정` > `PC에서 숨기기`를 클릭해 주세요. 그럼 숨김 처리된 섹션 영역이라는 문구가 표시돼요.

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

## 2. PC뷰에서 블록 숨기기

특정 블록을 PC에서 보이지 않도록 숨기는 방법에 대해 알아볼게요.&#x20;

### 1) 퀵 메뉴에서 숨기기

블록 클릭 시 나타나는 퀵 메뉴에서 `눈모양 아이콘`을 클릭해 주세요. 숨김 처리된 블록은 희미하게 보여요.

<figure><img src="/files/9luUXV2M3oD0BOrYekb3" alt=""><figcaption></figcaption></figure>

### 2) 레이어 패널에서 숨기기

`레이어` > `블록 상세설정` > `디바이스 숨기기` > `PC에서 숨기기`를 클릭해 주세요.

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

## 3. 모바일뷰에서 섹션 숨기기

특정 섹션을 모바일에서 보이지 않도록 숨기는 방법에 대해 알아볼게요.

### 1) 퀵 메뉴에서 숨기기

숨기려는 섹션 하단에 있는 `더보기 아이콘` > `모바일에서 숨기기`를 클릭해 주세요.

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

### 2) 레이어 패널에서 숨기기

`레이어` > `섹션 상세설정` > `모바일에서 숨기기`를 클릭해 주세요. 그럼 숨김 처리된 섹션 영역이라는 문구가 표시돼요.

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

## 4. 모바일뷰에서 블록 숨기기

특정 블록을 모바일에서 보이지 않도록 숨기는 방법에 대해 알아볼게요.

### 1) 퀵 메뉴에서 숨기기

블록 클릭 시 나타나는 퀵 메뉴에서 `눈모양 아이콘`을 클릭해 주세요. 숨김 처리된 블록은 모바일에서 숨김 처리된 콘텐츠로 표시됩니다.

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

### 2) 레이어 패널에서 숨기기

`레이어` > `블록 상세설정` > `디바이스 숨기기` > `모바일에서 숨기기`를 클릭해 주세요.

<figure><img src="/files/7ikDyWsen7gutoDLQonc" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://help.qshop.ai/customer_support/guide/tip/device_page.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.