Wordpress Custom Css не обновляется при доступе к сайту с мобильного - PullRequest
Новая
       5

Wordpress Custom Css не обновляется при доступе к сайту с мобильного

0 голосов
/ 21 сентября 2018

Я использую Aspire Pro WordPress Theme.Я добавил несколько пользовательских CSS из настройщика, CSS обновляется при доступе к веб-сайту с настольного компьютера или ноутбука.Я проверил стиль для мобильных устройств с помощью инструментов Chrome.Работает нормально.

Но когда я захожу на сайт из мобильных пользовательских стилей, не отображается.Ссылка на сайт: https://williamlsnowden.com

1 Ответ

0 голосов
/ 21 сентября 2018

Это на самом деле ваш код .... Пользовательский код, который вам нужен, отсутствует здесь ... Я добавил в строки **** ..... Попробуйте и очистите кеш 

<style type="text/css" id="wp-custom-css">

.site-header{
    background-color: #247f34;
}

.site-header.light{
    display: none;
    background-color: #f16334;
}

.footer-widgets, .site-footer {
    background-color: #000;
}

.front-page-1 {
    height: 80vh;
}

.site-footer a:hover {
    color: #000000;
}
.after-entry {
    padding-left: 20px;
}

.front-page-2 {
    height: 80%;
    width: 90%;
    margin-top: -50px;
}

.flexible-widgets .widget {
    margin: 0;
}

.image-section {
    padding: 1em;
}

@media only screen and (max-width: 760px){

         *****************************************************************
         ***************************************************************
          .front-page-1 { 
                 background-repeat: no-repeat !important; 
                 background-size: contain !important; 
                 background-position:center !important;
           } 
          ***************************************************************
         *****************************************************************

    .front-page-2 .enews-widget     input {
            width: 100%;
    }

    /*.front-page-1 {
            background-image: url(//williamlsnowden.com/wp-content/uploads/2018/09/cover2-mobile.png);
    }*/

}
</style>
...