반응형 스킨 '#1'의 토글버튼을 바꿨다.

티스토리의 반응형 스킨 #1의 휴대폰 화면에서 나타나는 토글버튼의 위치를 바꿨다.

 

오른쪽 위에 있는 버튼을 동작시킬려고 하니 오른손까지 움직이는 귀찮으즘이 생겨 왼쪽의 아래쪽으로 옮겼다. 

되도록이면 왼손만으로 움직이는 버릇의 게으름이 있어 다시 전에 사용하던 방법을 적용시켰다.

바뀌는 블로그의 분위기에 맞게 색도,  크기도 멋대로 바꾸기 쉽다.

 

 

 

HTML

<button type="button" class="btn_menu"> <span class="mobile_menu">≡</span> <!--<span class="ico_skin ico_menu">카테고리 메뉴열기</span>--> </button>

 

CSS

@media only screen and (max-width:820px) { .area_head .btn_menu { display:block; overflow:hidden; position:fixed; left:7px; bottom:-5px; text-align:center; font-size:45px; color:#fff; text-shadow:rgba(0, 0, 0, 0.3) 1px 1px 2px, rgba(0, 0, 0, 0.3) 0 0 10px; } }

 

위치를 바꾸고 나니 엄청 편하다.

좋다.

ㅎㅎㅎㅎㅎ