친효스킨 사이드바 모바일 숨기기, 사이드바 스마트폰에서 표시되지 않게 css 설정 해 두었습니다. 친효스킨 심플하고 좋아서 잘 쓰고 있습니다 제작자 분께 감사합니다.
반응형 블로그 스킨 사이드바 모바일 숨기기 간단, CSS 몇줄만 추가 하면 되는데, 사실 PC 에서는 사이드바 필요 하고 모바일 페이지에서 우측 사이드바 표시되지 않게 설정 하면 모바일 페이지 로딩 속도 조금 개선될 수 있습니다.
블로그 모바일 페이지 로딩 빠른 속도가 좋을수 있습니다. 물론 운영자 선택에 달려 있긴 합니다. 블로그에 여러가지 기능을 추가 하면 블로그 로딩이 무거워 질수 있어서 추가 하지 않고 쓰고 있습니다.
친효스킨 사이드바 모바일에서 숨기기 하려면 CSS 가서 아래처럼 입력하여 추가 하면 됩니다.
@media ( max-width:767px)
{
#sidebar {display:none }
}
>> 반응형 웹에서 화면크기가 767px 까지는 sidebar 표시하지 마시오! 라는 CSS 미디어쿼리 입니다.
이렇게 추가 하고 적용 해 주면 됩니다. 그런데 블로그 우측 하단에, 맨위로 가는 아이콘 모음 있는 곳, 카테고리 바로가기 아이콘 쓸수 없게 되므로 없애 버려야 할수 있습니다.
PC 상에서는 별로 문제 없는데 모바일 페이지에서는 이미 사이드바 숨겨져서 눌러도 나오지 않습니다.
CSS.txt반응형 스킨 친효스킨 아직까지 로딩속도 빠른편이라 잘 쓰고 있는데 , 상단 모바일 메뉴 구성부분이 조금 아쉽긴 한데 그래도 아직은 괞찮습니다.
감사합니다.
