Пример Адаптивный сайдбар

В этом примере используются медиазапросы для преобразования боковой панели в верхнюю панель навигации, если размер экрана составляет 700 пикселей или менее.

Мы также добавили медиазапрос для экранов с разрешением 400px или меньше, которые будут располагаться вертикально и центрировать навигационные ссылки.

Измените размер окна браузера, чтобы увидеть эффект.