Как переместить другие элементы вправо с помощью боковой панели? ⇐ Html

[Anonymous]

Я хочу создать простую боковую навигацию, занимающую всю высоту экрана. Я использую Milligram в качестве своей базы и хочу, чтобы моя боковая навигация работала с ней. У меня есть следующие настройки:
Демо-версия Codepen
Как видите, моя боковая панель представляет собой следующий элемент

Код: Выделить всё

со следующими стилями:

Код: Выделить всё

 div.sidebar {
position: absolute;
width: 250px;
height: 100%;
z-index: 99;
background-color: black;
}

Такой вариант работает: боковая панель отображается поверх всего остального, но все остальное не отодвигается в сторону. А если экран маленький, содержимое конфликтует с боковой панелью.
Как сделать так, чтобы боковая панель сдвигала все остальное (включая панель навигации) вправо на 250 пикселей (ее ширину)? Я знаю, что на маленьких экранах пользоваться этим будет невозможно, но я дам пользователю возможность переключать эту функцию.

Подробнее здесь: https://stackoverflow.com/questions/418 ... my-sidebar