Как исправить sidebar?

Question

[Дмитрий Подабед]

Есть сайт caddysmellsliketrees.ru. С горем пополам сделал сайдбар и меню-аккордеон. Но меня замучали баги, которые не хватает знаний исправить: высота сайдбара остаётся расширенной даже после сжатия аккордеона, переходы по ссылкам из меню не работают в мобильных браузерах. Исходники здесь.

Answer 1

[timurkin]

Проблема в том, что блок выпадающего меню хоть и скрыт, но при этом место занимает:

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

Исправить это можно как-то так:

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

Comments

[Дмитрий Подабед]

Если .dropdown__toggle:hover>.dropdown{
height: auto;
overflow-y: scroll;
}, то в навигации образуется полоса прокрутки. Потому только visible.