PC·태블릿·모바일 반응형 편집

반응형 편집은 화면이 작아졌을 때 글자·이미지·버튼이 읽기 좋게 보이도록 조정하는 작업입니다. PC 화면을 완성한 뒤 태블릿, 모바일 순서로 확인하면 가장 쉽습니다.

시작하기 전에

1. 반응형 모드 열기

Elementor 하단의 반응형 아이콘을 누르고 PC·태블릿·모바일을 차례로 선택합니다. 기기를 바꿨다고 해서 모든 값이 자동으로 달라지지는 않으므로, 필요한 위젯에서 기기 아이콘을 눌러 값을 따로 입력합니다.

2. 모바일에서 먼저 고칠 항목

제목이 너무 크면 줄이 길어지고, 버튼이 너무 작으면 누르기 어렵습니다. 모바일에서는 제목 크기, 컨테이너 여백, 열 개수, 이미지 크기, 버튼 폭 순서로 확인하세요.

3. 숨김 기능은 신중히 사용

PC에만 필요한 장식 이미지는 모바일에서 숨길 수 있습니다. 하지만 중요한 제목·가격·버튼을 숨기면 방문자가 정보를 놓칠 수 있으므로, 숨긴 뒤 실제 휴대폰에서 다시 확인합니다.

완료 확인

기존 테마 사용자

기존 테마의 모바일 헤더와 메뉴는 Elementor 반응형 옵션만으로 바뀌지 않을 수 있습니다. 헤더는 기존 테마 옵션을 유지하고, 콘텐츠 영역부터 작은 범위로 수정하세요.