Как создать адаптивный фон заголовка с дополнительным CSS для моей темы?

Question

Я создаю свой первый веб-сайт WordPress через тему Blossom Pin Pro, и мое фоновое изображение заголовка исчезает при ширине окна.

Вот адрес сайта

Если бы вы могли написать мне код, который я мог бы добавить в раздел «Дополнительные CSS» моей темы для решения проблемы, было бы здорово, спасибо!

Я просмотрел несколько похожих постов ипробовал разные коды, проблема в том, что я новичок в CSS, и я не могу определить соответствующие переменные для настройки кода для моего сайта.

Answer 1

Попробуйте это:

@media only screen and (max-width: 1024px) {
.mobile-header .mobile-site-header {
background-image: url(https://odetomytravels.com/wp-content/uploads/2019/10/Header-2_1.gif);
background-size: cover !important;
background-position: center;
} }