[티스토리][Whatever 스킨] 메뉴 버튼이 안 눌려요 / 햄버거 버튼이 안 눌려요

Whatever 스킨의 블로그는 깔끔하고 단정한 레이아웃을 장점으로 꼽을 수 있다

 

PC 기준에서 창을 줄이다보면

다음 그림과 같이 메뉴 리스트가 사라지고 햄버거 버튼이 생기게 된다

 

햄버거 버튼, 메뉴 버튼

버튼을 아무리 클릭해봐도 다른 블로그마냥 메뉴창이 펼쳐지지 않는다

 

티스토리는 본인의 블로그를 마음대로 꾸밀 수 있는 특성이 있다

따라서 해결방안도 여러 가지가 있다

 

위 문제의 해결방안으로는 대표적으로

1. 사이드 메뉴를 따로 만든다
2. 버튼을 눌렀을 때, 옆에서 튀어나오는 메뉴창을 만든다
3. 햄버거 버튼을 없애고, 메뉴 리스트가 계속 나오도록 한다

등이 있겠다

---

1의 경우는 사실 Whatever 스킨을 바꾸는 것이 가장 빠르다

 

Whatever 스킨은 깔끔한 배치를 위해

사이드 메뉴도 블로그 최하단에 위치한다

 

글의 레이아웃이 가로 100%를 차지하고 있기 때문에

배치를 바꾸는 것이 블로그 전체의 배치를 바꾸는 것이 된다

 

그래서 그냥 햄버거 버튼을 없애고 메뉴를 볼 수 있는 3번 방안을 하기로 하였다

---

우선, 블로그 관리 - 스킨편집 - html 편집으로 가

 

button 태그

<button type="button" class="mobile-menu"><span>메뉴</span></button>

 

위 코드를 없애면, 햄버거 버튼이 더이상 나타나지 않게 된다.

 

코드를 지우는 게 두렵다면,

위 코드 양 옆에 <!-- 와 --> 를 붙여도 좋다

 

<!--<button type="button" class="mobile-menu"><span>메뉴</span></button>-->

---

 

블로그 메뉴 리스트를 나타내는 gnb id

위 사진과 같이 메뉴 리스트를 가리키는 태그의 id가 gnb이므로

 

CSS 탭으로 가 gnb를 찾아준다

** 여기서의 Cntl+F 는 엔터를 계속 치며 아래로 넘길 수 없으므로 조작에 주의하자

 

gnb id 검색

위 사진처럼 찾은 코드가

"창을 줄였을 때 메뉴 리스트를 숨기는" 코드이므로

 

아까처럼 다음 사진과 같이 양 끝에 /* 와 */ 를 붙인다

혹은 지워도 좋다

 

gnb 코드 없애기

---

그러면 다음과 같이 창을 줄여도 메뉴를 볼 수 있도록 만들어진다

 

메뉴 리스트