안녕하세요
워드프레스와 KBoard로 홈페이지를 만들었습니다.
주소는 labeauty.co.kr 이구요
메인 페이지에 KBoard 모던 갤러리와 오션 갤러리 스킨을 활용해 최신글뷰 모아보기를 넣었습니다.
그런데 pc상에서 레이아웃을 맞춰서 꾸며 놓았더니, 모바일 화면으로 가면 일렬로 쭉 아래로 내려가서 안 이쁘게 나옵니다.
모바일 화면에서 반응형으로 이미지 크기가 조절되게 할 수 있을까요?
하다못해, 모바일화면 전환시 이미지가 가운데 정렬만이라도 되었으면 좋겠는데요...ㅜㅜ
홈페이지 확인해봤습니다.
모바일 화면에서는 width 값을 100%로 적용해서 화면에 딱 맞추는게 좋을 듯합니다.
아래의 코드를 커스텀 CSS에 입력해보시겠어요?
@media screen and (max-width: 600px) {
#kboard-modern-gallery-latest .kboard-modern-gallery-latest-item { float: left; width: 100%; padding: 0 0 12px 0; overflow: hidden; }
}
워드프레스 관리자 -> KBoard -> 대시보드 페이지에 커스텀 CSS 입력 필드가 있습니다.
고맙습니다.