티스토리 오디세이 스킨 사용 시, 모바일 화면에서 전체 글 제목 잘림 간단한 해결 방법을 알려드리겠습니다.
모바일 전체 글 제목 잘림 before/after
저는 티스토리 오디세이 스킨을 사용 중입니다. 그러던 중 최근에 모바일 화면에서의 제목 잘림 문제를 발견했습니다.
해결 방법에 앞서 먼저 before/after를 보여드리겠습니다.
모바일 전체 글 제목 잘림 해결 방법
티스토리 설정에서 [스킨 편집-html 편집]을 클릭합니다.
우측 상단의 CSS에서 ctrl+f로 .article-type-common을 검색합니다.
꽤 여러 개가 검색되는데, 저는 16개나 검색이 되었습니다.
그중 13번째 정도에 해당되는 줄에 '.article-type-common .title { max-height...'를 변경해야 합니다.
변경하기 전에는 아래와 같습니다.
@media screen and (max-width: 1060px) {
.article-type-common .title {
max-height: 20px;
....
저는 넉넉하게 제목을 표시하고자 20px에서 100px로 변경했습니다.
변경 후에는 아래와 같습니다.
@media screen and (max-width: 1060px) {
.article-type-common .title {
max-height: 100px;
....
아래와 같이 수정했습니다.
이후 우측 상단에 있는 '적용' 버튼을 누르면, 모바일 화면에서도 제목을 잘림 없이 모두 볼 수 있습니다.
모바일 화면 글 제목 잘림 현상, 간단하게 해결할 수 있습니다.
이 글이 여러분께 도움이 되었길 바랍니다.
티스토리 블로그와 관련된 추천 글을 확인해 보세요!
티스토리 오디세이 스킨에 글 수정, 삭제 버튼 추가 쉬운 방법
'SEO, 블로그' 카테고리의 다른 글
| 티스토리 오디세이 스킨 다른 글 삭제 쉬운 방법 (0) | 2023.08.17 |
|---|---|
| 유튜브 티스토리 애드센스 연결 연동 신청 방법 (사이트 추가 페이지 찾기) (3) | 2023.07.19 |
| 티스토리 방문자 수 늘리는 빙 유입 등록 3분만에 하기 (0) | 2023.07.18 |
| 티스토리 빙 웹마스터 도구 사이트맵 제출 오류 해결 총정리 (0) | 2023.07.16 |
| 티스토리 블로그 오디세이 스킨 최근글, 인기글 분리 및 복구 방법 (1) | 2023.07.15 |
