좁은폭(스마트폰)해상도에서 별도의 메뉴 아이콘이 아닌 로고를 탭 할 경우 숨김 메뉴가 보이도록 하고자 한다면 다음 아래의 링크를 클릭해서 다른 분의 작업 코드를 참고하시길 바랍니다.
http://iny.dothome.co.kr/
링크를 여신 후 모바일 모드로 크롬 웹브라우저 보기를 전환한 다음 로고를 마우스 우측 버튼을 눌러 검사 메뉴를 선택해 보세요.
그러면 마크업을 어떻게 했는지 확인이 될 것입니다. 그리고 크롬 웹브라우저의 개발자 도구의 소스탭 왼쪽 트리의 src 폴더에서 layout-narrow.css 파일을 찾아 관련 CSS 코드를 확인해 보시길 바랍니다.
그래도 이해가 안되면 다시 질문을 주시길 바랍니다.
작업중 스마트 기기에서 CSS 작업 결과를 확인해 보고 싶을 때 index.php 코드에서 관련 CSS 파일을 가져오는 link 태그의 src 속성의 경로 값 끝에 '?1' 식으로 붙여주시되 결과를 확인할 때마다 물음표 뒤의 숫자를 바꾸어서 저장한 다음 새로고침후 확인하시면 됩니다. 일테면 아래 처럼 하시면 됩니다.
<link href="/src/layout-narrow.css?1" media="screen and (max-width: 720px)" type="text/css" rel="stylesheet" />
데스크탑에서는 ctrl + F5 를 누르시면 됩니다.
