Как сделать отзывчивым только заголовок? ⇐ CSS

[Гость]

Есть старый веб-сайт, не оптимизированный для маленьких экранов (

Код: Выделить всё

PHP

+ HTML/

Код: Выделить всё

CSS/JS

).
Тег отсутствует в разделе заголовка, поэтому содержимое страницы отображается путем настройки размер экрана - он оказывается крошечный. Сайт далеко не полностью адаптирован под мобильные устройства, но есть желание сделать хотя бы шапку адаптивной.
То есть предполагается, что при открытии на мобильном устройстве шапка будет выглядеть как прямоугольник с логотипом и значком «гамбургера», который обычно используется в таких случаях. Нажимая на иконку гамбургера, мы видим модальное окно с пунктами меню.
Моих знаний недостаточно.
Правильно ли я понял, что без < мета name="viewport" content="width=device-width, Initial-scale=1.0">, медиа-запросы и запросы контейнера не работают?
Если Указываю тег в разделе head, получается, что теперь все страницы нужно адаптировать.
Если я не укажу , то операторы в медиа-запросах не применяются.
Как мне пока сделать адаптивным только заголовок?

Подробнее здесь: https://stackoverflow.com/questions/781 ... responsive