모바일에서 레이아웃이 잘리는 문제는

아래의 코드도 추가해보시겠어요?

@media screen and (max-width: 600px) {
	#singlecontent { padding: 0; }
	.container { padding: 20px; }
}

위의 코드에서 20px 부분은 게시판 레이아웃을 감싸고 있는 상하좌우의 여백입니다.

적절히 조절해보시겠어요?

고맙습니다.

올려주신 페이지 주소로 확인해보니

CSS 코드로 간단하게 해결될 듯합니다.

워드프레스 관리자 -> 외모(테마 디자인) -> 사용자 정의하기 -> CSS 입력 필드에

아래의 코드를 추가해보시겠어요?

#singlecontent { width: 100%; }

위젯을 별도로 추가했을 레이아웃이 깨지지 않는지도 확인해보셔야 할 듯합니다.

고맙습니다.