Odyssey 오디세이 스킨 - 사이드 바 위치변경

새로나온 오디세이 스킨을 2단으로 사용할 경우, 사이드 바는 우측에 나오는게 기본입니다.

 

그런데 이게 굳이 왼쪽에 나오길 원하신다면...

 

html 편집으로 <aside> 전체를 <main> 내부 최상단으로 이동하고 margin값만 조정하면 됩니다.

 

그러나, 소스상 원래 구조를 건드리고 싶지 않다면 아래와 같이 간단히도 해결이 가능합니다.

 

스킨편집 > html 편집 > 하단 </body> 가 끝나기 전에 아래 코드 추가.

<style>
@media screen and (min-width: 1061px) {
  .wrap-right .area-aside {
    margin: 32px 80px 0 0;
  }
}
</style>
<script>
var _main = document.querySelector('.main');
var areaMain = document.querySelector('.area-main');
var areaAside = document.querySelector('.area-aside');
_main.insertBefore(areaAside, areaMain);
</script>

조정하고 나면 이렇게 됩니다.