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

В статье Все статьи
Смотрите CSS 🙂

Вертикальное меню – это тоже горизонтальное, начиная со 2-го уровня. Т.е. при создании вертикального меню нам надо удалить код, отвечающий за построение списка в одну линию

Code
(example_1::github)

HTML

CSS

JS

Как видите поменялась только 1 строчка в CSS.

 

В планах написать еще пару статей про адаптивные менюшки