안녕하세요.
모바일에서 레이아웃이 잘리는 문제는
아래의 코드도 추가해보시겠어요?
@media screen and (max-width: 600px) {
#singlecontent { padding: 0; }
.container { padding: 20px; }
}
위의 코드에서 20px 부분은 게시판 레이아웃을 감싸고 있는 상하좌우의 여백입니다.
적절히 조절해보시겠어요?
고맙습니다.
감사합니다^^ pc에서 잘 적용이 되었어요. 모바일에서는 오른쪽이 잘리는데 어떻게 코드를 보완하면 될까요?
안녕하세요~^^
올려주신 페이지 주소로 확인해보니
CSS 코드로 간단하게 해결될 듯합니다.
워드프레스 관리자 -> 외모(테마 디자인) -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해보시겠어요?
#singlecontent { width: 100%; }
위젯을 별도로 추가했을 레이아웃이 깨지지 않는지도 확인해보셔야 할 듯합니다.
고맙습니다.