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

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

  1. В первую очередь определите, какие стили хедера вы хотите изменить при адаптации страницы.
  1. Создайте медиа-запросы в вашем файле CSS, которые будут переопределять стили хедера при определенных условиях ширины экрана. Например, если вы хотите, чтобы ширина вашего хедера занимала 100% ширины экрана на мобильных устройствах, то медиа-запрос может выглядеть следующим образом:
@media only screen and (max-width: 600px) {
    .header {
        width: 100%;
        padding: 10px;
    }
}
  1. В этом примере, стили внутри медиа-запроса будут применяться только при ширине экрана, меньшей или равной 600px.
  1. Вставьте подобные медиа-запросы в ваш файл CSS для всех необходимых стилей хедера.
  1. После внесения изменений и добавления медиа-запросов, убедитесь, что ваш сайт корректно реагирует на изменение размеров экрана и хедер адаптируется соответственно.

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