How to create both vertical and horizontal menu as sticky/fixed in same page?

I am creating a page where both the horizontal and vertical menu bar in the single page I want to be fixed or sticky. Both If I am making both "position:fixed" the they are over lapping each other .How to handle this problem.

Below sharing the link for my code . https://codepen.io/gyana2010/pen/eYJLMEO

https://jsfiddle.net/ao5nrpce/