Как сделать только хедер адаптивным на неадаптивном сайте?

Если вам нужно сделать только хедер адаптивным на неадаптивном сайте, то вам следует добавить медиа-запросы в ваш CSS для стилей хедера.

1. В первую очередь определите, какие стили хедера вы хотите изменить при адаптации страницы.

2. Создайте медиа-запросы в вашем файле CSS, которые будут переопределять стили хедера при определенных условиях ширины экрана. Например, если вы хотите, чтобы ширина вашего хедера занимала 100% ширины экрана на мобильных устройствах, то медиа-запрос может выглядеть следующим образом:

@media only screen and (max-width: 600px) {
    .header {
        width: 100%;
        padding: 10px;
    }
}

3. В этом примере, стили внутри медиа-запроса будут применяться только при ширине экрана, меньшей или равной 600px.

4. Вставьте подобные медиа-запросы в ваш файл CSS для всех необходимых стилей хедера.

5. После внесения изменений и добавления медиа-запросов, убедитесь, что ваш сайт корректно реагирует на изменение размеров экрана и хедер адаптируется соответственно.

Это способ позволит сделать хедер вашего сайта адаптивным, сохраняя структуру остальной части сайта неизменной.