Для адаптации заголовка (header) под мобильные устройства можно предпринять следующие шаги:

1. Сократить число элементов в шапке. 4 Например, убрать кнопку заказа обратного звонка и форму для поиска. 4 Тогда шапка сайта будет занимать максимум четверть экрана телефона. 4
2. Использовать тег Viewport. 2 Он позволяет автоматически менять масштаб сайта в зависимости от размеров пользовательского экрана. 2 Для этого нужно внедрить специальный метатег в HTML-код проекта. 2 Обычно его размещают в блоке . 2
3. Оптимизировать ширину изображений. 2 Некоторые изображения могут оказаться больше, чем экран мобильного устройства, и в таком случае они будут выходить за пределы области просмотра. 2 Чтобы этого избежать, нужно оптимизировать их ширину через файлы CSS. 2
4. Использовать свойство flex. 5 Оно позволяет при уменьшении экрана блок с ссылками меню переносить на новую строку и размещать под логотипом. 5

Для более подробной консультации по адаптации заголовка под мобильные устройства рекомендуется обратиться к специалисту.