Wordpress Menu Выпадающие списки, скрытые за div

Question

Я создал форму для сайта Wordpress http://www.bassetandbeagle.org/adoptionapplication/, а в коде CSS я поставил div position: absolute, чтобы форма масштабировалась на мобильных устройствах.

#formContainer { 
min-width: 950px; 
max-width: 950px; 
padding: 10px; 
position: absolute; 
z-index: -1; } 

Теперь раскрывающиеся меню над формой скрыты за ним.

Я попытался установить более высокий Z-индекс для меню:

.nav-menu{ 
position: relative; 
z-index: 1; } 

Но это не имело никакого очевидного эффекта. Я попробовал 1, 100, 1000 ... nada

Мне удалось получить раскрывающееся меню, чтобы отобразить снова, изменив .nav-меню на положение: абсолютное. К сожалению, это завинчило расположение меню на странице.

Я уверен, что нахожусь на правильном пути с использованием свойства z-index, основываясь на других сообщениях, которые я прочитал. Итак, что я здесь делаю неправильно?

Thx

Answer 1

Вот решение вашей проблемы -

CSS:

style.css линии: 1431

.site { 
    margin: 0 auto; 
    max-width: 68.5714rem; 
    /*overflow: hidden;*/ /* remove this css rule and you will see the dropdown menu*/ 
} 

Примечание: проверить вас сайт, где ваш .site класс применяет и вносит изменения в css по мере необходимости.

Screen Shot:

Answer 2

Удалить position: absolute из #formContainer.