OctoGlobal Website

Это демонстрационная страница с меню, соответствующим вашим требованиям.

Прокрутите страницу вниз, чтобы увидеть фиксированное меню в действии.

Меню имеет высоту 80px, цвет #003C64, текст белый с шрифтом Commissioner Normal 16pt.

При наведении и выборе цвет текста меняется на #E6FFB8.

Выпадающие меню имеют тот же цвет фона, что и основное меню, с текстом шрифтом 14pt.

На мобильных устройствах меню преобразуется в бургер-меню с сохранением иерархии выпадающих элементов.

Проверка адаптивности

Измените размер окна браузера, чтобы увидеть, как меню адаптируется к мобильной версии.

На десктопе (ширина экрана больше 992px) отображается горизонтальное меню.

На мобильных устройствах (ширина экрана меньше 992px) появляется бургер-иконка.