728x90 반응형 모바일웹2 그누보드 모바일 버전 해제하고 반응형 웹으로 사용하는 방법 그누보드에 기껏 반응형 CSS로 작업 해놨더니 모바일 디바이스에서는 못생긴 그누보드 모바일 웹으로 연결 됐다. ㅂㄷㅂㄷ.. 여기서 PC버전으로 들어가도 이상한 뱌율로 보인다. 이 문제는 config 설정 변경을 통해 해결할 수 있다. 1. public_html의 config.php 파일을 연다. 2. use_mobile을 검색해 'G5_USE_MOBILE' 부분을 찾는다. 3. 모바일 홈페이지를 사용하지 않기위해 true->false로 변경해준다. 그러면 이렇게 PC사이트를 기준으로 반응형 스타일이 적용되어 보인다. 그리고 head.sub.php 파일에서 2023. 7. 22. [HTML/SCSS/jQuery] 모바일 내비게이션 메뉴 만들기 with 애니메이션 메뉴(햄버거 버튼) 클릭시 내비게이션이 슬라이드 되는 모바일 GNB 코드이다. 닫기 버튼 애니메이션에 노력을 기울임ㅋㅋ 클래스를 통해 영역을 left -100%에서 0%로 주면 슬라이드 된다. 여기에 transiton을 적용해면 자연스럽다. 닫기 버튼은 span으로 만들고 transform을 주어 메뉴버튼에서 닫기버튼으로 전환되게 만들었다. 그나자나 SCSS를 사용하다보니 CSS로 스타일링을 하려면 너무 귀찮다. SCSS 왕편함! &.on { left:0%; .btn_gnb__inner { transform:rotate(180deg); -webkit-transform:rotate(180deg); span { &:nth-of-type(1) {transform:rotate(45deg) translate(4p.. 2023. 2. 16. 이전 1 다음 728x90 반응형
