Мобильное меню с visibility

При появлении во время анимации появляется сначала под контентом, потом всплывает сверху и становится на своё место.

Хочу сделать, чтобы меню всплывало поверх всеъ элементов. прописывал z-index - не помогает.

В JS меню меняется по visibility от hidden до visible и меняется Opacity.