안녕하세요... 한달넘게 이래서 방법을 찾다가 도저히 해결이 안되네요.
모바일 홈에서 PC버전으로 전환을 하면
현재 PC버전 디자인이나 레이아웃이 보여야하는데
전환 버튼을 누르면 디자인이나 레이아웃이 맨처음 만들었던 pc홈 디자인이 보입니다(수정한 메뉴이름 부분만 변함) 왜그럴까요..
index.php 이부분을 만져야하는건지... 도무지 모르겠네요
/xe/?=0 직접 주소 넣어봐도 똑같아요.... 어디를 새로고침 해야 현재 디자인으로 보이는지..
또 화면이 약간 짤려서 보이는데 어느부분을 고쳐야 완전히 100%pc화면으로 보이죠?
처음 만드신 분이 pc전환시 화면을 좀 짤리게 하신다고 하셨는데 어디부분을 수정해야하는지요..
xe admin - 사이트 디자인 설정 pc 들어가면 그 미리보기에 예전 디자인도 뜨고...
어떻게 해야 새로운 디자인 적용이 될까요 ㅠㅠ
도움 주시면 감사하겠습니다.
홈페이지 주소는 http://www.milk-caramel.com/ 입니다.
부탁드립니다 ㅠㅠ
댓글 35
메인화면에서 "설정"(또는 어드민 메뉴중에서 사이트 제작편집에서 사이트 메뉴편집 -> 메인메뉴 -> 디자인)에 pc버전 레이아웃이 잘 설정되어있는지 확인해보세요~
전부 레이아웃 현재 사용중인 pc디자인으로 되어있는데 왜이럴까요 ㅠㅠ 게시판 메뉴 누르면 pc정상적으로 보이긴하는데 다시 로그인하면 또 이상한 디자인으로 보이고 반복입니다.. xe/main은 아예 이상하게 보이구요..
그리고 관리자 메뉴에서도 저 확대 누르기 전에는 계속 저 오류(?)디자인으로 보입니다. 확대 누르면 현재 사용중인 디자인이 정상적으로 보이구요... 아우..ㅠㅠㅠ 아무튼 답변 달아주셔서 정말 감사해요ㅠㅠㅠㅠㅠㅠㅠㅠ
사이트 메뉴 편집에서 홈 메뉴를 선택하고 그 하위메뉴중 디자인 을 선택해서 레이아웃을 바꿔주심 됩니다.
현제 메인메뉴 중에서 홈(메인)화면이 메인메뉴에 들어있지 않아 레이아웃에서 연결된 메뉴 일괄변경을 해도 반영되지 않는 것입니다.
만들어주신분이 홈화면과 실제메뉴들을 분리해서 설정해주셨는데 합쳐야하는건가요?
위에 전부 각기 일일히 레이아웃 확인하고 저장도 해주었는데..ㅠㅠ
그냥 그 메뉴관리에서 메인화면을 선택하면 디자인 설정을 페이지마다 할 수 있는데 거기에서 설정하시면 됩니다.
메인메뉴의 메뉴를 홈으로 설정해도 pc버젼 전환시 똑같은 오류가 발생합니다 ㅠㅠ
페이지마다 전부 설정하였는데..
다시한번 전부해보겠습니다
게시판에서도 각각 레이아웃 적용시켜보고 홈도 적용시켜보고 몇번이나 해봤는데... 모바일->pc전환하면 계속 이렇게 이상하게 뜹니다... 하..ㅠㅠㅠㅠ 아무튼 도움주셔서 정말 감사합니다. ㅠㅠㅠ
방금 캐시 재생성하고 모바일에서 피시전환해봤는데 똑같네요..ㅠㅠㅠ
이런 식으로도 설정해보셨나요?
스마트폰/태블릿등에서 PC보기로 했을때 메뉴가 위로 안뜨고
좌측으로 정렬된식으로 디자인이 뜨는것 때문인가요?
PC/태블릿/스마트폰 등으로 테스트 해보니 현재설정된 레이아웃이 가변형 레이아웃으로 되어있어서
자동으로 변경되어 보이는것 같습니다.
PC에서 사이트 띄우고 강아지 사진이 3/4정도만 보이게 창폭(좌우폭)을 줄여보세요.
위에 올리신 스마트폰 캡쳐화면과 똑같이 보이실거예요.
레이아웃에 옵션이 있다면 옵션설정하시면 되구요 없다면 변경되는 폭을 바꾸시거나
아니면 가변형이 아닌 다른 레이아웃을 사용하시면 될듯 합니다.
기본 레이아웃
1.7 NAVER ./layouts/default/
여기다가 html/css 수정해가면서 하고있었습니다
@media only screen and (min-width : 1025px) {
* { padding:0; margin:0; }
html { height:100%; }
body { height:100%; }
.pc-menu { min-height:50px; }
.pc-content { height:100%; }
.pc-top { width:100%; height:0px; background:#fff; }
.pc-top .info { float:left; padding:11px 0px; }
.pc-top .icon { float:right; padding:11px 13px; }
.pc-logo { text-align:center; padding:0px auto; border-bottom:0px solid #D5D5D5; background:#fff;}
#login-wrap { width:281px; margin: 0 auto; }
.pc-login { width:300px; height:29px; border:0px solid #000; position:absolute; margin: auto; margin-top:50px; }
.pc-menu { position:fixed; z-index:999; box-shadow: 0 1px 2px 0 #644605; text-align:center; padding:0px; width:100%; height:0px; border-right:0px solid #000000; background-color:#FFB415; }
.pc-menu ul { margin-center:0px auto;}
.pc-menu li { display:inline; padding: 0px 0px; font-size:9px; }
.pc-menu ul ul { display:none; position:relative; left:304px; top:-1px; }
.pc-menu ul ul li { float:none; }
.pc-menu ul li:hover ul { display: block; }
.pc-menu ul ul li { float:none; }
#content-wrap { width:1000px; margin:0 auto; }
.pc-content { float:left; width:1000px; overflow:hidden; float:left; padding-top:108px; background:#fff; padding-bottom:58px; height:100%; }
.pc-bottom { width:100%; padding:15px 0 15px; background:#4F4231; clear:both; border-top:1px solid #D5D5D5; text-align:center;}
.pc-bottom .copyright { padding:0 51px; }
.pc-bottom .topbutton { float:right; padding:0 51px; margin-top:5px; }
}
@media only screen and (max-width : 1024px) {
* { margin:0; padding:0; }
html { height:100%; }
body { height:100%; }
.pc-menu { min-height:100%; background-color:#C4B7AC;}
.pc-content { height:100%; }
.pc-top { width:100%; height:58px; background:#513419; }
.pc-top .info { float:left; padding:13px; }
.pc-top .icon { float:right; padding:11px 13px; }
.pc-logo { text-align:center; padding:25px 0; border-bottom:1px solid #513419; }
#login-wrap { width:281px; margin: 0 auto; margin-top:50px}
.pc-login { width:300px; height:29px; border:0px solid #000; position:absolute; right:0px; margin-top:-50px; }
.pc-menu { padding-top:52px; width:161px; float:left; border-right:0px solid #513419; }
.pc-menu ul { margin-left:31px; }
.pc-menu li { list-style:none; margin-bottom:9px; text-decoration:none; }
#content-wrap { width:650px; margin:0 auto; }
.pc-content { float:left; width:650px; overflow:hidden; padding-top:58px; background:#fff; padding-bottom:58px; height:100%; margin-left:80px; }
.pc-bottom { width:100%; padding:50px 0 50px; background:#fff; clear:both; border-top:1px solid #513419; text-align:center;}
.pc-bottom .copyright { padding:0 51px; }
.pc-bottom .topbutton { float:right; padding:0 51px; margin-top:5px; }
}
body { scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#513419;
scrollbar-track-color: #FFFFFF;
scrollbar-darkshadow-color: #FFF;
scrollbar-face-color: #FFF;
scrollbar-highlight-color: #FFF;
scrollbar-shadow-color: #FFF}
/* Chrome, Safari용 스크롤 바 */
::-webkit-scrollbar {width: 4px; height: 5px;}
::-webkit-scrollbar-button {display: block; height: 5px; background:#FFFF; }
::-webkit-scrollbar-track {background:#FFFF;}
::-webkit-scrollbar-thumb {height: 6px; width: 10px; background:#513419; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow:#513419}
layout.css 인데 어느부분을 수정해야하는지요 ㅠㅠ
대신 반응형이 아니게 되지요.
이부분 삭제했더니 미리보기 업데이트도되고 해결됐습니다 ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ정말 감사해요
모두 감사합니다 ㅠㅠ