CAMERON STAGE Layout For XE 


image.png

XE 용 레이아웃 스킨 STAGE Layout 은 브라우저의 가로 폭 이 특정 너비에 도달하면 주 메뉴 가 펼쳐집니다.

이 때 특정 너비(메뉴가 펼쳐지는 한계값)을 바꾸는 방법입니다. 

 

1. xe/layouts/stage/css/stage.css 파일의 203 라인의 max-width 값을 변경합니다. 

@media screen and (max-width: 1680px){
#stage-content{padding-right:220px; padding-left:60px}
}

@media screen and (max-width: 1560px){
.stage-pc #stage-visual .sbtn{right:20px}
.stage-mobile #stage-visual .sbtn{right:0}
#lighting, #stage-cont #lighting{margin-right:-460px}
#lighting2{right:0; margin-right:-640px}
#lighting-m{display:block}
#stage.stage-pc{padding-right:20px}
#stage.stage-mobile{padding-right:0}
#stage-content{padding-right:100px; padding-left:100px}
#stage-contfull{padding-right:0}
}

@media screen and (max-width: 1140px){
#stage-content{padding-right:80px; padding-left:80px}
}

 

 

2. xe/layouts/stage/_settings.html 파일에서 65 라인 max-width 값을 변경 

<style type="text/css" id="settings">
<!--@if($layout_info->nav_width)-->
#lighting{width:{$layout_info->nav_width}px}
#lighting2{right:{$layout_info->nav_width}px}
#stage-visual .sbtn{right:{$layout_info->nav_width}px}
#stage{padding-right:{$layout_info->nav_width}px}
@media screen and (max-width: 1560px){
#stage-visual .sbtn{right:20px}
#lighting, #stage-cont #lighting{margin-right:-{$layout_info->nav_width-20}px}
#lighting2{right:0; margin-right:-{$layout_info->nav_width+160}px}
#stage{padding-right:20px}
}
<!--@endif-->

 

 

 

 

댓글(0) 남기기...
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )


rhwlsghkcocndgus XE1.9.2 STAGE1.5.2
서버에 요청 중입니다. 잠시만 기다려 주십시오...