Для изменения расположения элементов в мобильной версии сайта так, чтобы они находились под логотипом, вы должны использовать CSS-медиа-запросы.
1. В HTML-коде вашего сайта убедитесь, что элементы "CONTACTS" и форма поиска следуют сразу за логотипом в структуре кода.
2. В CSS-файле вашего сайта добавьте следующий код для медиа-запроса:
```css
@media screen and (max-width: 768px) {
.contacts {
order: 2; /* Поместите блок "CONTACTS" после логотипа */
}
.search-form {
order: 3; /* Поместите форму поиска после блока "CONTACTS" */
}
}
```
3. Укажите правильные селекторы для классов "contacts" и "search-form" в соответствии с вашими CSS-классами.
4. Размер экрана, указанный в медиа-запросе (768px), может быть изменен в зависимости от вашей конкретной потребности.
Теперь блок "CONTACTS" и форма поиска будут располагаться под логотипом, когда ширина экрана достигнет указанного значения в медиа-запросе.
