How to fix sidebar?

Question

css

There is a site caddysmellsliketrees.ru. With grief, I made a sidebar and an accordion menu in half. But I was tormented by bugs that I don't have enough knowledge to fix: the height of the sidebar remains expanded even after shrinking the accordion, clicking on links from the menu does not work in mobile browsers. Sources are here .

Answer 1

The problem is that the drop-down menu block, although hidden, takes up space:

.dropdown{
position: absolute;
bottom: -100vh;
visibility: hidden
}

You can fix it somehow like this:

ul.navigation__list.dropdown{
height: 0; 
overflow-y: hidden;
}
.dropdown__toggle:hover>.dropdown{
height: auto;
overflow-y: visible; //или scroll
}