모바일에서 레이아웃? CSS? 설정은 어떻게 해야하나요?

모바일로 넘어가면 전부 왼쪽으로 치우쳐지고 PC랑 CSS 적용이 좀 다르게 되는 거 같더라구요. 

 

프로필이랑 아이콘이랑 마진도 없어져서 딱 붙어있고, 검색창도 왼쪽으로 치우쳐지고 ㅜㅜ 

 

어느 부분을 건드려야 하나요?

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요.

    KBoard 플러그인은 반응형으로 제작되었기 때문에

    PC 화면과 모바일 화면이 동일하게 표시되지 않습니다.

     

    모바일에서 게시글 제목 및 게시글 정보를 가운데로 정렬하고 싶으신 건지요?

    스킨마다 코드가 다를 수 있기 때문에

    default 스킨을 기준으로 안내해드리겠습니다.

     

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

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

    #kboard-default-list .kboard-list .kboard-mobile-contents { text-align: center; }
    @media screen and (max-width: 600px){
    	#kboard-default-list .kboard-list table td.kboard-list-title { text-align: center; }
    }

    고맙습니다.

  • 안녕하세요~^^

    KBoard 게시판이 모바일에서 레이아웃이 깨진다는 말씀이신지요?

    내용을 구체적으로 적어주시면 좋은 답변을 받을 확률이 올라갑니다.

     

    KBoard 플러그인 레이아웃이 깨지는 원인은

    대부분 테마 쪽에서 과도하게 CSS 코드를 적용하고 있는 문제입니다.

    비회원으로도 확인 가능한 페이지 주소 알려주시면 살펴보겠습니다.

     

    만약, KBoard 쪽이 아닌 테마 쪽 영역이라면

    테마 제작자에게도 문의를 해보시는 게 좋을 듯합니다.

    고맙습니다.

  • 모바일 화면 
    태블릿 화면

    -------------

    PC 화면

     

    PC 화면이랑 태블릿 화면은 CSS가 적용되는데 모바일에서는 전부 왼쪽으로 치우쳐지네요.

     

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요