Question

我正在使用Aspire Pro WordPress主题。我从定制程序中添加了一些自定义CSS，从台式机或笔记本电脑访问网站时，CSS正在更新。我已经使用Chrome工具检查了手机的样式。一切正常。

但是当我从移动自定义样式访问网站时未显示。网站链接：https://williamlsnowden.com

Answer 1

这实际上是您的代码。...您不需要的自定义代码.... 我加入了****线..... 试试看，清理缓存

<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>

从手机访问网站时，Wordpress自定义CSS无法更新

1 个答案: