모바일에서 비주얼섹션 배경 이미지가 잘려 보일 때 : 애드리빙

섹션모바일에서 비주얼섹션 배경 이미지가 잘려 보일 때

비주얼 섹션에 삽입한 배경 이미지는 구조 상 컨텐츠(글, 버튼, 이미지)가 아닌 배경으로 처리되어, 브라우저 크기를 늘리거나 줄이는 경우 일부가 잘려 보일 수 있습니다.

모바일의 경우 PC 대비 가로폭이 더 크게 좁아지는데, 이런 경우 PC 버전에서 제작한 비주얼 섹션은 숨기고, 모바일 전용 비주얼 섹션을 만들어 사용할 수 있습니다.

디자인 모드에 접속합니다. 접속방법
뷰포트 모바일로 변경합니다. 뷰포트 변경방법
PC 버전 비주얼 섹션을 숨김 처리합니다.
모바일 전용 섹션을 추가합니다.
왼쪽 상단의 위젯 추가 아이콘을 클릭합니다.
비주얼 섹션을 추가하고, 모바일에 맞게 컨텐츠를 추가합니다.
참고: 뷰포트를 모바일로 변경하고, 모바일 전용 섹션을 추가하면, PC 뷰포트에서 위젯을 추가하고 이동시킨 것처럼 편집이 가능합니다.