меню сайта

Я пытаюсь сделать такой же эффект как у bootstrap когда листаешь страничку вверх-вниз и меню, которое находится вверху, перемещается вместе со скроллированием

Подскажите, пожалуйста, как написать меню в col-7 offset-3 из 7 блоков на bootstrap, чтобы ему потом можно было прописать :hoverСвою попытку прикрепил ниже, но ничего не получается

Ситуация следующая - на сайте marynosolisun

Как сделать что бы когда пользователь заходил на сайт с мобильного устройства или планшета, основное меню nav скрывалось, а боковое меню drawer, поиск и вкладки tab оставались видимы? Так же как сделать что бы первые 4 пункта 'a' в nav меню drawer были скрыты на компьютере, но видны на мобильном устройстве и планшете? Используется фреймворк MDL