Как сделать адаптивное левое вертикальное меню как на youtube?

Question

[Имя Фамилия]

Как сделать адаптивное левое вертикальное меню как на youtube?
Может кто-нибудь встречал готовые похожие варианты?
Что при сужении экрана оставались только иконки пунктов меню

Comments

[Шохрух Шаймардонов]

У бутстрапа есть готовое, а вообще, ваш вопрос гуглится за 5 минут

[Имя Фамилия]

Шохрух Шаймардонов, обыскал все варианты. Нет такого чтобы оставлять иконки при сужении и чтобы кнопка работала на раскрытие-сужение меню, и чтобы если сузить, то при сужении страницы, сужение меню оставалось и наоборот

[painmaker]

User782, т.е. вы хотите и рыбку съесть и на велосипеде покататься? 20$. через час один-в-один сделаю. В ином случае - гугл, консоль разработчика, проверка элемента и чуток пошевелить мозгами

Answer 1

[Mesuti]

Делается с помощью медиазапросов к ширине браузера.

@media (max-width: XXX) {
...
}

Верстаются оба меню, но на больших экранах мобильное скрыто, а на маленьких экранах наоборот

Comments

[Имя Фамилия]

через одно меню нужно. Два меню для такого вопроса сильно много. Через медиа одно меню не получается если сузить кнопкой меню а потом сузить страницу, то медиа на расширение сработает

[painmaker]

User782, имеется в виду одно меню. но под разные разрешения меняются стили через медиа.