WordPress сайт не отвечает на изменения фона от медиа-запросов? Диви тема - PullRequest
0 голосов
/ 15 мая 2019

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

Я запускаю тему Divi и использовал элемент проверки Chrome, чтобы найти класс, который мне нужно изменить.

    @media only screen and (max-width: 768px) {
    .et_cover_background {
        background: url(https://echelon.enterprises/wp-content/uploads/2019/05/mobile-floor.jpg) repeat-y;
background-size:100vw;
    }
}
@media only screen and (min-width: 769) {
    .et_cover_background {
        background: url(https://echelon.enterprises/wp-content/uploads/2019/03/echelon-enterprises.jpg) repeat-y;
    }
}

Я ожидаю, что фон каждой страницы изменится на «echelon-enterprises.jpg» на рабочем столе и на «mobile-floor.jpg» в зависимости от размера экрана. Что я здесь не так делаю? Я просто нацелился не на тот класс? Я также попробовал класс "et-main-area", но все же не повезло.

1 Ответ

0 голосов
/ 16 мая 2019

Вы пропустили px для второго объявления

 @media only screen and (max-width: 768px) {
     body.et_cover_background {
         background: url(https://echelon.enterprises/wp-content/uploads/2019/05/mobile-floor.jpg) repeat-y;
         background-size:100vw;
    }
}
 @media only screen and (min-width: 769px) {
     body.et_cover_background {
         background: url(https://echelon.enterprises/wp-content/uploads/2019/03/echelon-enterprises.jpg) repeat-y;
    }
}
...