워드프레스 Divi 테마 블로그 사이드바 영역 모바일에서 안보이기

워드프레스 유료 테마 중에서 이용자가 가장 많은 Divi 테마.

Elegant theme의 가장 인기 있는 Divi 테마로 Divi 빌더가 내장된 것이 가장 큰 특징입니다.
이 Divi 빌더를 이용하여 초보자들부터 숙련자까지 쉽게 웹사이트를 제작할 수 있다고는 합니다만 일단 어느 정도 수준의 웹사이트까지는 정말 손쉽게 제작이 가능합니다만 그 이상의 웹사이트를 만들기 위해서는 적지 않은 공부가 필요한 테마이기도 합니다.

 

개인적으로 잘 사용하고 있으며, 만족하는 테마입니다.
좀 느린게 단점이기는 합니다만 평생 구독권을 구입한 이후 정말 요긴하게 이용하고 있습니다.

 

Divi 테마의 블로그에서 사이드바 영역을 모바일에서 숨기는 방법

 

테마 빌더를 이용해서 블로그 페이지를 디자인한 경우

 

 

Divi 빌더가 4.0 버전이 되면서 테마 빌더 기능이 추가되었습니다.
이 추가된 테마 빌더로 개인적으로 Divi 테마가 꽃을 피운 듯한 느낌을 받고 있습니다.

이 테마 빌더 기능을 이용하면 워드프레스의 모든 영역, 페이지의 디자인을 할 수 있습니다.

 

사실 이 테마 빌더를 이용해서 블로그 페이지를 디자인한 경우는 넣지 않을까 했습니다.

이미 테마 빌더를 이용할 정도면 굳이 설명을 안 해도 이미 알고 계실 겁니다.

그래도 한번 적어봅니다. 

간단합니다.
그 영역이나 칼럼의 속성에서 선택해서 안보이게 하면 됩니다. ^^

괜히 적은 듯 합니다. ㅠㅠ

 

CSS 추가해서 블로그의 사이드바 영역 모바일에서 숨기기

 

@media (max-width: 980px) {
.single #sidebar {
display: none;
}
}

테마 옵션에서 커스텀 CSS에 추가하거나 CSS 편집 메뉴로 들어가서 추가해 주면 됩니다. 

 

 

블로그에 애드센스의 일치하는 광고가 삽입되는 경우 모바일에서 상당히 긴 스크롤이 필요하게 됩니다.
이럴 경우 이렇게 사이드바를 보이지 않게 하면 가장 적절하지 않을까 합니다.