티스토리 Book Club 스킨: 모바일에서 사이드바가 표시되도록 하는 방법 (개인 정리용)

2019. 12. 14. 16:05 | 댓글 6

티스토리 블로그에서 Book Club 스킨을 사용하는 경우 모바일에서 사이드바가 표시되지 않을 것입니다. 사이드바가 표시되도록 하려면 다음 CSS 코드를 찾도록 합니다.

#aside {
position: fixed; 
top: 0;
right: -278px;
z-index: 400;
float: none;
overflow: auto;
width: 278px;
height: 100%;
padding: 94px 24px 40px;
background-color: #fff;
box-sizing: border-box;
transition: left .5s;
-webkit-transition: right .5s;
}

위의 코드 부분을 다음과 같이 변경합니다.

#aside {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}

그러면 모바일에서도 사이드바가 표시됩니다. 숫자는 적절히 원하는 대로 변경수정할 수 있습니다.

참고:

 

 

  • 네이버 블러그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 카카오스토리 공유하기

댓글을 달아 주세요

">
  1. thumbnail
    가족바라기

    좋은 정보감사합니다
    즐거운 주말 따뜻하게 보내세요^^

  2. thumbnail
    空空(공공)

    모바일에서도 사이드바가 표시되는군요.^^

  3. thumbnail
    정보번식

    블로그 잘보고 있습니다. 혹시 카테고리를 위쪽에 하셨고, 마우스를 갖다대면 밑에 부 카테고리가 뜨는데 그건 어떻게 설정하시는건가요??