모바일에서 햄버거 아이콘 확장됨

안녕하십니까?

영문 워드프레스 2017 theme입니다.
사이트 주소는 fass.kr - board 입니다.

1.
모바일 화면에서
유독 KBoard가 설치된 페이지에서만 메뉴 아이콘(햄버거 모양)이
비정상적으로 크게 확장됩니다. 원인이 무엇인지요?

2.
모바일 화면에서 글 list에서 줄바꿈될 때 영어 단어가 중간에 잘립니다.
예: 줄 끝이 book 이렇게 되어야 하는데
boo
k 와 같이 됩니다.
컴퓨터에서는 css 코드를 넣었기에 수정이 된 것 같은데
모바일은 안되는 것 같습니다.

3.
게시판 본문에서 제목 글꼴이 너무 큰데 조절하는 방법도 알려 주시기 바랍니다.

감사합니다.

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

    1. KBoard 게시판이 설치된 페이지에서만

    테마 쪽 메뉴가 깨져 보이는 문제는

    워드프레스 관리자 -> KBoard -> 대시보드 페이지에서 Font Awesome 비활성화 하신 후에 확인해보시겠어요?

     

    2. KBoard 플러그인 Default 게시판 스킨에서 모바일 제목을

    단어 기준으로 줄 바꿈 처리하고 싶으신 건지요?

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

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

    .kboard-default-cut-strings { word-break: break-word; }

     

    word-break에 대한 내용은 아래의 링크를 참고해보세요.

    https://developer.mozilla.org/ko/docs/Web/CSS/word-break

    고맙습니다.

  • 1번 그렇게 해서 해결되었습니다.

    2번도 해결되었습니다. 그런데 맨 마지막 코드가 break-word 가 아니라, keep-all 이네요.

    3번도 답해 주시면 감사하겠습니다. 이전에 유사한 질문을 검색해서 조처를 취해도 변함이 없어서 그럽니다.

    추가로,

    4번째 질문: 게시판에 글을 쓸 때, 하단에 Photos, Thumnail, Wp Search 항목이 있습니다. 

    1) Thumnail 항목에는 아래에 버튼이 나오는데 "파일선택" '선택된 파일 없음' 이라고 한글로 나오는데 
        어떻게 영문으로 바꿀 수 있는지요?

    2) 그리고 Photos, Thumnail, Wp Search 항목들이 모두 또는 일부를 보이지 않게 할 방법을
        알려 주시면 감사하겠습니다.

  • 게시글 본문 페이지에서 제목 크기를 작게 하시려면

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

    #kboard-default-document .kboard-title h1 { font-size: 20px; }

    위의 코드에서 픽셀 크기는 적절히 조절해보세요.

    기본적으로 22px로 설정되어 있습니다.

     

    썸네일이나 첨부파일 필드에 표시되는 파일선택 및 선택된 파일 없음 문구는

    브라우저에서 표시하고 있습니다.

    사용 중이신 브라우저 언어 설정에 따라 다르게 표시되며

    워드프레스 플러그인으로는 설정 변경이 어렵습니다.

     

    입력 필드 설정을 지원하는 스킨을 사용 중이시라면

    워드프레스 관리자 -> KBoard -> 게시판 목록 -> 게시판 선택 -> 입력필드 설정 탭에서

    입력 필드를 설정하실 수 있습니다.

     

    만약, 입력 필드 설정을 지원하지 않는 스킨을 사용 중이시라면

    FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/editor.php 파일을 직접 수정해보시겠어요?

    고맙습니다.

  • 그렇게 해서 문제가 다 해결 되었습니다.
    대단히 감사합니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기