메인 반응형 슬라이드 사이즈
페이지 정보
작성자 코비0824 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 3건 작성일 21-08-16 17:05본문
http://theme-wine.ety.kr/
이것저것 수정 작업중입니다.
메인 반응형 슬라이드 (이미지3개) 세로 사이즈를 줄이고 아래 메뉴를 좀 더 윗쪽으로 올릴려고 합니다.
현재 슬라이드 class="rev_slider_wrapper" 사이즈가
width:1903px;
height:880px;
으로 나와 있는데
width값은 그대로 놔두고 height 값은 600px 정도로 줄일려고 하는데 어디를 수정해야할지 잘 모르겠습니다. (모바일은 현재 사이즈 유지)
답변 부탁드립니다.
댓글목록
소프트존님의 댓글
소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일
안녕하세요~
레볼루션 슬라이드 사이즈 조절은 js 폴더에서 revolution-custom.js 파일을 열어보시면
sliderLayout: "fullscreen",
라고 되어 있는 부분이 있습니다. 해당 옵션을 auto 로 변경해주세요.
그리고 사이즈 조절시에는 각 기기별로 조정할 수 있는 옵션이 있습니다.
// auto 옵션 되어야만 적용가능
gridheight: [600, 768, 960, 720],
첫번째로는 pc 입니다. 나머지는 태블릿.. 모바일 ... 작은모바일.. 이렇게 생각하시면 됩니다.
4가지 숫자를 변경하시면 됩니다.
감사합니다.
코비0824님의 댓글
코비0824 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일
답변 감사합니다.
sliderLayout: "fullscreen", → sliderLayout: "auto", 로 변경하고 gridheight 사이즈 줄이니 적용이 되네요..
근데 사이즈가 모니터 마다 다르긴 한데 모호 하네요... gridheight 입력값이 [600, 768, 960, 720] pc(웹)가 600인데 768 테블릿이 사이즈가 더 크네요??
소프트존님의 댓글
소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일
넵~ 맞습니다. 이미지에 따라서 숫자값을 조정해서 사용하시면 좋을듯합니다.
데모페이지는 실운영 아니기 때문에 임시로 만들어 놓아서 그렇습니다.
적당한 크기를 조절해서 사용하시면 좋을듯 합니다.
감사합니다.~~