Как сделать меню как на этом сайте?

Question

[Сергей]

Пробую сделать меню как на этом сайте https://lomonosov.school/ ?
Меню выдвигается при наведении курсора на панель слева или на иконку в левом верхнем углу.

В основном не получается сделать так, чтобы окно меню перекрывало контент справа.
У меня при наведении на меню блок права уменьшается.

.leftcol{
    float: left;
    width:100px;
    background-color: rgb(229, 255, 0);
}
.leftcol:hover{
    width:200px;
    transition-duration: .5s;
    overflow: hidden;
}

Comments

[iBird Rose]

делай меню через position: fixed

[Сергей]

iBird Rose, Спасибо!

Answer 1

[slmshdy]

Сделайте для меню position:fixed и поставьте z-index больше, чем у контентной части

Comments

[Сергей]

Спасибо, помогло!