워드프레스 Extra 테마 사이드바 영역 모바일에서 안보이기

Elegant Themes 의 Extra 테마는 특별히 설정을 하지 않아도 되는 좋은 매거진 테마입니다.

 

제 메인블로그도 이 Extra 테마를 이용하고 있는데요.

국내 사이트 중에는 이 테마를 적용한 워드프레스 블로그를 본 적이 없는 듯 합니다만 해외 블로그들을 보다보면 제법 많은 수의 사이트들을 볼 수가 있습니다.

 

모바일에서 사이드바 영역을 보이지 않게 하는 방법은 간단합니다.

 

@media only screen and ( max-width: 767px ) {
.et_pb_extra_column_sidebar { display:none!important; }
}

테마 옵션에서  커스텀 CSS 에 위 코드를 넣어주면 됩니다.

 

그럼 간단하게 모바일에서는 사이드바에 위치한 위젯들이 보이지 않게 됩니다.

 

애드센스의 일치하는 광고가 붙게 되면

본문에 일치하는 광고에 사이드바에 푸터영역까지 상당히 긴 페이지가 되기에 이렇게 사이드바를 보이지 않게 하는 것도 좋은 방법이 될 듯 합니다.