@sergiitus

Адаптация картинки custom header для мобильных устройств?

Всем привет. Это мой первый вопрос тут, надеюсь в меня не полетят помидоры ))))
Я делаю сайт на cms wordpress, использую тему blaskan.
На сайте в header есть картинка вернее ее можно поставить через админку без проблем. Но у нее разрешение должно быть 1600*460 px.
С компьютера все выглядит хорошо, а вот со смартфона левый и правий бок картинки сьедает.
При этом тема адаптивная и меню и заголовок красиво видно на телефоне, а картинка нет.
Посмотрев source страницы обнаружил такое




Вот мне бы при определенном экране ( например от 200px до 800 px) сделать вот эту height: не 460px, а 200px и тогда бы было хорошо.
Но как и где прописать этот параметр?
В файле style.css, custom-header.php или где?
Прописать его нужно в таком стиле?
media (max-width: 950px) and (min-width: 200px) {
тут привести параметры картинки
}

Буду благодарен за любой совет. Я html, php и css не учил.
  • Вопрос задан
  • 178 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы