Bootstrap - проблемы с отзывчивым sidemenu, который подключен к главному меню

Question

Я попытался настроить responsive sidemenu snippet, так что у меня могло бы быть как основное меню начальной загрузки, так и сидмену, который рушится на маленьких экранах.

мне как-то удалось сделать все необходимые изменения, за исключением двух:

1. Принудительно sidemenu для прокрутки на больших экранах, даже если он находится внутри фиксированного контейнера (в частности, навигационный элемент).
2. Добавьте границу ниже основного меню, которая достигает краев окна браузера. Мне это кажется смехотворным для меня, я даже пытался добавить новые div или использовать псевдоэлементные селектора (:: после, в частности).

Если у вас есть предложения, пожалуйста, сделайте их - даже если они не имеют ничего общего с этими двумя проблемами. Большое спасибо

Demo

Answer 1

2) Border ниже главного меню. Попробуйте добавить:

#navbar-collapse-1 { 
    border-bottom: 1px solid #e7e7e7; 
}