Здравствуйте. В сегодняшнем материале мы бы хотели предложить вам не плохое, удобное и то же время адаптивное горизонтальное меню, с использованием CSS стилей, HTML и JavaScript (JS). Меню сделано в темных тонах, цвет самого фона меню темно-серого цвета, текст и ссылки в нем бежевого цвета, а при наведении на ссылку вы увидите нижнее подчёркивание белого цвета. Если вы будите смотреть на данное меню с экрана меньше чем 480px, то ссылки скроются и с правой стороны от логотипа у вас появиться иконка бургер белого цвета, при нажатии на неё у вас выпадут ссылки на небольшом фоне. Все смотрится красиво и удобно.
Вид с экрана больше 480px:
Вид с экрана меньше 480px:
Остальная информация тут - источник
