T25에서 타블렛 보기에서 메뉴가 로고 아래로 내려오는데 로고 옆으로 메뉴를 붙일려면 어떻게 해야 할까요?
페이지 정보
작성자
깊은물11
쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
댓글 1건
작성일 22-03-14 19:11
본문
* css , js 작업완료 후에는 CTRL + SHIFT 누른 상태에서 R 을 눌러서 강력 세로고침을 해주세요!
1. 무료테마, 유료테마 모두 이용이 가능합니다.
2. 글작성시에는 되도록 많은 정보를 알려주셔야 합니다.
3. 민감한 내용이나 정보 등은 비밀코멘트로 남겨주세요~
4. 스크린샷등이나 해당 주소등을 남겨주시면 빠르게 답변이 가능합니다.~
5. 보통 코멘트는 24시간 이내 해드리고 있습니다.
T25에서 타블렛 보기에서 메뉴가 로고 아래로 내려오는데 PC에서처럼 로고 옆으로 메뉴를 붙일려면 어떻게 해야 하나요?
감사합니다~
댓글목록
소프트존님의 댓글
소프트존
쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
작성일
네 안녕하세요~ 태블릿마다 가로사이즈의 크기가 다르기 때문에
미디어쿼리를 사용하고 있습니다.
브라우저의 가로 크기에 따라서 별도로 코딩이 가능합니다.
해당 팁 영상을 참고해보시면 아시겠지만 미디어쿼리대로 별도로 수정해서도 사용이 가능합니다.
팁영상 : http://ety.kr/board/ety_theme_manual/39?sfl=wr_subject&stx=%EB%A1%9C%EA%B3%A0&sop=and
미디어쿼리 사용법 : https://developer.mozilla.org/ko/docs/Learn/CSS/CSS_layout/Media_queries
문의 주신 태블릿에서 로고 크기를 가로로 넣고 싶으시다면 미디어쿼리를 일부 수정하거나 추가해서 사용이 가능합니다.
에티테마는
/* 모바일기기 1 */
@media only screen and (max-width: 320px) {
}
/* 모바일기기 2 */
@media only screen and (min-width: 321px) and (max-width: 768px){
}
/* 태블릿 */
@media only screen and (min-width: 769px) and (max-width: 1200px){
}
/* 데스크탑 */
@media only screen and (min-width: 1201px) {
}
위의 내용을 사용하고 있습니다
각각 크기별도로 조정하시면서 사용하시는 것이라서 깊은물11 님이 브라우저 크기를 고려하신 뒤에
min-width 의 값과 max-width 숫자값을 조정하는것으로도 가능할것 같습니다.
모바일기기 2 로 예를 들자면
가로사이즈가 321 이상이면서 768 이하일 경우 css 를 작성해서 사용하시면 될것 같습니다.
css 수정시에는 반드시 F12 을 눌러서 개발자도구를 사용해서 작업해주시기 바랍니다.
감사합니다.
메뉴얼
