Помогите с css

Добрый вечер. Извиняюсь за такой вопрос но разобраться не смог. Нужно прописать нужное в html что бы меню двигалось вместе с скроллингом эта функция точно прописана в css и все скрипты подключены

<div class="sticky-offset js-sticky-offset"></div>
<div class="container">
<div class="navigation">
<div class="collapse navbar-collapse" id="buildpress-navbar-collapse">

Вот css вот еще вопрос как сюда вставить css более 10000 символов?

 

а вы уверены, что вы понимаете, что такое css, а что такое html?
выше вы привели кусок html кода и не более из него нам понятно максимум только то что у вас есть css классы и один id на этом информация кончается))

 

Какой движок сайта (CMS)? Вариантов сделать такое меню много.
По опыту: вот рабочее решение http://stickyjs.com/

 

css не помещается сюда
Вот сам шаблон https://www.proteusthemes.com/themes/?theme=buildpress-wp там в настройках можно установить чтобы меню двигалось, но реализовать на сайте не могу нужно вписать правильный вызов с css но ни как то что делаю меню теряет оболочку но двигается и наоборот. Я совсем в этом не разбираюсь так что извиняйте. Если сможете помогите
--возможно этот кусок отвечает---
@media (min-width: 992px) { .is-sticky-navbar .navigation { position: fixed; top: 0; width: 940px; }
.is-sticky-navbar.admin-bar .navigation { top: 32px; }
.is-sticky-navbar .sticky-offset { height: 37px; } }
@media (min-width: 1200px) { .is-sticky-navbar .navigation { width: 1140px; } }
/* 05.10. Footer Navigation */
.navigation--footer { display: inline-block; text-align: center; margin: 0; padding: 0; }
@media (min-width: 992px) { .navigation--footer { text-align: left; } }
.navigation--footer > li { list-style: none; position: relative; display: inline-block; }
.navigation--footer > li > a { text-decoration: none; padding: 0 7px; }
.navigation--footer > li > a:hover { background: none; }
.navigation--footer .sub-menu { display: inline-block; list-style: none; padding: 0; }
.navigation--footer .sub-menu > li { display: inline-block; }
.navigation--footer .sub-menu > li > a { padding: 0 7px; }
.navigation--footer .sub-menu > li > a:hover { text-decoration: none; }

--- Добавлено, 29 июл 2016 ---

Система modx то что реализовать "прилипающее" меню можно, я знаю но зачем если уже это есть просто нужно правильно прописать Спасибо.

 

сделал добавив в css новые позиции все заработало но в мобильной версии меню развалилось и работает не корректно вопрос остался не решенным

 

Правьте через медиазапросы). Проще нанять спеца, на самом деле, поправит все это за 10 минут