CAMERON STAGE Layout For XE
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-->