Проблема в вашем CSS, а именно в этих 3 атрибутах:
@media (max-width: 991px)
.sidebar {
top: 0;
max-width: 80%;
position: fixed;
}
Положение: фиксированное и верхнее: 0 означает, что ваша боковая панель вынуждена придерживаться верхней части элемента страницы, где на мобильном телефоне-view, вы хотите, чтобы боковая панель располагалась над или под содержимым.
Изменение этого кода на следующее устраняет проблему:
@media (max-width: 991px)
.sidebar {
top: auto;
max-width: 100%;
position: relative;
}