반응형 사이드바 질문입니다.

박정인

2018-11-12 (월) 14:59:41 3,304

지금 반응형작업중인데

표시한 사이드바 메뉴가

pc에선 안보이게 하고

1000px부터 보이게 하고싶습니다.

미디어쿼리 사용하구있구요

css어떻게 써야하는지 좀 알려주세요....

2948984070_1542002324.7501.png

그누보드5 사이드메뉴 css3

채택된 답변

+20 포인트

빅블록

2018-11-12 (월) 15:41:22

화면크기에 따라 CSS에서 추가적용해주면 됩니다.

A css

@media ( max-width: 1000px ) {

B css

}

PC 버전을 기준으로 기본 A css에서는

메뉴 영역의 글래스를 display:none 으로 놓고

가로폭 1000px 이하일경우 B css 적용

즉, B 부분에서 메뉴 영역의 글래스를 display:block로 보여지게 추가하면 됩니다.

박정인

2018-11-12 (월) 15:47:08

감사합니다!!

dxlab

2018-11-12 (월) 15:38:01

.menu { display:inline-block; }

@media (max-width:1000px) {

.menu { display:none; }

}

유레카56

2018-11-12 (월) 15:12:41

스크린샷 만으로는 해당 클래스나 아이디를 알 수 없음으로 답변이 어렵습니다 확인 URL 을 첨부해 주셔야 합니다.

답변을 작성하려면 로그인이 필요합니다.