maxsolovyov

jquery плагинами можно
https://www.sitepoint.com/13-jquery-selectboxdrop-...

Вроде все работает. - https://codepen.io/anon/pen/aEpWOw

nav-у если хотите его зафиксировать
пс. у position:fixed - 95% поддержка, а у flexbox 97% зачем вы используете float?

так?
.tabs {
display: flex;
margin: 0 5px;
width: 100%;
justify-content: space-around;
}
.tab {
text-align: center;
cursor: pointer;
flex-basis: 12.5%;
}

Медиа-запросами - htmlbook.ru/css/value/media
При 768px скрывать меню и показывать кнопку, если только на css - кнопка может быть чекбоксом. Иначе button и JS
Навигацию нужно сделать fixed высотой - 100vh и шириной как нужно + transform translatex(-100% ). А при нажатии на кнопку - transform translatex(0).