Photo Gallery 플러그인 메뉴를 가리는 현상 해결 방법

Photo Gallery 플러그인 메뉴가 사진에 가려지는 현상

Photo Gallery 플러그인은 이미지를 관리할 수 있고 슬라이드, 벽돌, 모자이크 등으로 보여줄 수 있는 갤러리 플러그인입니다. 프리미엄으로 업그레이드를 하지 않아도 무료로도 충분히 갤러리 기능들을 사용할 수 있기 때문에 인기가 많습니다.

저도 다양한 갤러리 플러그인을 사용해 보았지만 프리미엄으로 업그레이드를 하지 않으면 기능을 사용할 수 없거나 다른 플러그인과 호환이 되지 않는 문제가 발생하면서 마지막으로 선택한 플러그인이 Photo Gallery 플러그인입니다.

근데 설치를 하고 갤러리를 만들었는데 메뉴를 열게 되면 갤러리에 가려지는 현상이 있었습니다. 이 부분은 플러그인 설정에서는 찾을 수 없는 한 마디로 고칠 수가 없었습니다.

그래서 검색을 하면서 해결 방법을 찾았는데 공식 설명에서 볼 수 있었고 어렵지 않게 갤러리 밑으로 메뉴가 나오는 문제를 해결할 수 있었습니다.

위에 보이는 것처럼 갤러리로 들어간 상태에서 메뉴를 열게 되면 갤러리 밑으로 나오면서 가려지는 문제가 발생했습니다. 해당 문제는 플러그인 설정부터 테마까지 다양한 이유로 생기며 이런 문제가 발생하지 않는 분들도 있습니다.

그러면 저 같이 메뉴가 가려지는 현상이 생기시는 분들을 위해서 공식 설명에 있는 해결 방법을 알아보겠습니다.

메뉴가 가려지는 현상을 해결하는 방법은 워드프레스 관리자 > 외모 > 사용자 정의하기로 들어가신 후에 테마에 있는 기능인 추가 CSS로 들어가시면 됩니다.

추가 CSS로 들어갔다면 위에 코드를 추가하게 되면 갤러리로 인해서 메뉴가 가려지는 문제를 해결할 수 있습니다. 만약에 코드를 추가했는데 해결이 되지 않는다면 캐시를 삭제하게 되면 해결이 된 것을 확인할 수 있을 것입니다.

div#bwg_container3_0 {

z-index: 0 !important;

}

저는 당분간 Photo Gallery 플러그인은 큰 문제가 발생하지 않는다면 사용을 계속 할 것이기 때문에 설정 방법부터 오류 등 계속 글로 정리를 하도록 하겠습니다.