Моя вертикальная панель навигации находится поверх моей горизонтальной панели навигации, даже если z-индекс больше с помощью CSS?

У меня проблема с использованием CSS, я работаю с командой над проектом реагирования, я создаю левое меню с помощью реакции, оно готово, но у меня была еще одна небольшая проблема: мое левое меню находится вверху страницы. главное меню веб-страницы, я объясню больше с изображениями, Вот что у меня есть, когда я впервые открываю веб-страницу:

Но когда я прокручиваю вниз То, что я вижу:

Но это не то, что я хочу, я хочу, чтобы горизонтальная навигация была вверху, вот так:

Другая проблема, с которой я сталкиваюсь, заключается в том, что я не могу изменить CSS горизонтальной панели навигации, так как я не тот, кто сделал это, и я не знаю, почему он установил значения свойств так, как они установлены, но вот мой файл SASS:

(мой левый файл меню SASS):

.co-menu-left {

width:100px;
height: 100%;
position: fixed;
left:10px;

z-index: -10;

transition: 0.4s all ease;

&__ontop {
    top:87px;
}

&__onmiddle {
    top: -128px;
}

&__onbottom {
    top:-275px;
}

}

и вот мой компонент React:

class MenuLeft extends Component {


  /* 
   *    Here is some methods and constructor that are not useful in the situation 
  */
  render() {
    return (
        <div className = "co-menu">
            <div className = {"co-menu-left co-menu-left" + this.state.position}>
                <Grid container>
                    {this.state.contratItems.map(item => (
                        <ContratProposition
                            key = {item.id}
                            id = {item.id}
                            allContratDeselected = {this.allContratDeselected}
                            isSelected = {item.isSelected}
                        />
                    ))}
                    <Grid item xs = {12} className = "pt-0" />
                </Grid>

                {this.renderItems(this.state.menuItems)}
            </div>
        </div>
    );
}
}

export default MenuLeft;

Итак, как вы можете видеть, я установил для своего z-index отрицательное значение, чтобы мое LeftMenu могло быть внизу, потому что, когда я проверил горизонтальную панель навигации (белую), я увидел, что:

Я думал, что если я установлю значение z-index меньше 10, то все будет хорошо, но похоже, что это не сработает.

Любая помощь приветствуется.