안녕하세요~^^

KBoard 세계지도 프랜차이즈 스킨의 모바일 화면에서

레이아웃 전체적으로 양옆에 공간을 주시려면

워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

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

@media screen and (max-width: 600px) {
	#kboard-worldmap-franchise-list { margin: 0 20px; }
}

카테고리, 지도, 검색 부분 쪽에만 적용하시려면

아래의 코드를 추가해보세요.

@media screen and (max-width: 600px) {
	#kboard-worldmap-franchise-list .kboard-header { margin: 0 20px; }
}

지도에만 적용하시려면

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

@media screen and (max-width: 600px) {
	#kboard-worldmap-franchise-list #kboard-worldmap-franchise-canvas.active { margin: 0 20px; }
}

적용하실 코드의 픽셀 값은 적절히 수정해주세요.

고맙습니다.

잘됩니다.정말 감사합니다.

그런데 목록페이지에만 적용되고. 글제목 눌러서 들어가면 

다시 원래크기입니다. 이것도 가능한가요..ㅎㅎ

자꾸 질문드려서 죄송합니다.

안녕하세요.

게시글 본문 페이지에도 적용하시려면

아래의 코드를 활용해보시겠어요?

@media screen and (max-width: 600px) {
	#kboard-worldmap-franchise-document { margin: 0 20px; }
}

@media screen and (max-width: 600px) {
	#kboard-worldmap-franchise-document .kboard-header { margin: 0 20px; }
}

@media screen and (max-width: 600px) {
	#kboard-worldmap-franchise-document #kboard-worldmap-franchise-canvas.active { margin: 0 20px; }
}

CSS 코드 수정 후 결과가 바로 반영되지 않는다면

브라우저 캐시를 비우신 후에 확인해보세요.

크롬 브라우저에서 Ctrl + Shift + R 단축키를 사용하시면

강력 새로고침을 할 수 있습니다.

아래의 링크를 참고해보시면

CSS 코드 수정하실 때 도움이 되실 듯합니다.

KBoard(케이보드) 게시판 버튼 색상 변경 방법

고맙습니다.

잘됩니다.감사합니다.

css공부좀 해야겠네요..ㅎㅎ