티스토리 작은 화면에서도 메뉴바 표시

티스토리에는 운영 중인 블로그 확인, 계정 관리 등의 기능이 있는 메뉴바가 존재한다.

다만 모바일 등 작은 화면에서 자동으로 숨겨지도록 되어 있는데, 모바일에서도 메뉴바를 사용하고 싶을 수 있다.

이 때 약간의 css 변경으로 강제로 보여지도록 설정해 줄 수 있다.

display 값 변경 #

본래 화면 사이즈가 1260px 이하일 때 menu_toolbar의 display 속성은 다음과 같이 none으로 되어있다.

1/* tistory.css */
2@media only screen and (max-width: 1260px) {
3    .menu_toolbar {
4        display: none;
5    }
6}

이는 티스토리 자체적인 CSS 파일이고 변경할 수 있는 내용이 아니다.

대신 !important 키워드로 속성을 오버라이드 할 수 있다.
스킨 편집 > CSS에서 원하는 곳 아무 곳에 다음 내용을 삽입해 준다.

1.menu_toolbar {
2    display: unset !important;
3}

정상적으로 적용된 것을 확인할 수 있을 것이다.