Как сделать чтобы модальное не скрывалось под меню?

Question

[katti_381]

Начала разбираться с модальными окнами и появилось 2 проблемы:
1) При уменьшении экрана, когда появляется бургер и ты на него кликаешь, то появляется 2 кнопки, при нажатии на них должно всплывать окно с формой, оно то появляется но находится под меню и его не видно. Как сделать так, чтобы при нажатии например на "Вход" у меня меню бургера исчезало и было видно попап?

2) как увеличить ширину попапа? а то она у меня зависит от ширины input, а width не хочется ставить
Ссылки удалены модератором

Answer 1

[historydev]

Вам нужно использовать z-index для обоих элементов, чем меньше индекс, тем "ниже" или "глубже" элемент:

div { z-index: 1 } /* Div выше p */
p { z-index: 0 }

Убедитесь что вы задаёте ширину после блока, где она установлена, либо используйте оператор !important:
div { width: 200px !important }

Answer 2

[HardBot]

z-index