выпадающее под-меню навигации

в мобильной версии header(position: fixed) должен быть горизонтальный скролл меню навигации, при клике на элемент меню(position:relative) появляется под-меню(position:absolute), проблема в том что при клике на элемент меню => появляется под-меню с вертикальный скроллом, а должен появлятся над всеми элементами ниже него. z-index не помогает. если убрать с элемента меню(position:relative) то подменю появлется правильно, но при скролее в право меняется положение подменю.

как правильно сделать?)