https://www.w3.org/TR/CSS2/box.html#propdef-padding

Padding:

Applies to: all elements except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column

Задавай padding ячейкам:

Добавь класс .form каждой форме и обращайся по классу
$('.form').submit
Будет выбрана та форма, которую сабмитишь.

Вот так:
https://jsfiddle.net/mikhailivanko/Lkhcfaum/2/

Если нужна динамика, то при открытии блока, вешай на body класс

.freeze{
    overflow: hidden;
}

Он прыгает не на мобилке. Он прыгает так везде (при анимации меняется высота сайдбара), просто на мобилке это заметно из за того, что блоки друг под друга выстраиваются.

Чтобы оно так не прыгало на телефоне, можно сделать как то так например:

@media all and (max-width: 500px){
#nav-home {
    height: 500px;
    overflow: auto;
}
}