wordpress 网站的移动设备中的徽标没有变化

Question

我有一个问题，当我从移动设备查看我的网站时，它显示了主题的默认徽标，我在主题选项中更新了移动徽标，但徽标也没有改变..

那么有什么方法可以在主题编码中找到默认徽标，然后将其替换为我在移动设备中的自定义徽标......或任何其他方式！

我试图通过以下代码隐藏默认徽标并使用移动设备的自定义徽标：-

@media (max-width: 480px) {
    .site-title a {
        background: transparent url("http://logo.png") no-repeat scroll 0 0 !important;
        overflow: auto;
    }
}

}

@media (min-width: 480px) and (max-width: 768px) {
    .site-title a {
        background: transparent url("http://logo.png") no-repeat scroll 0 0 !important;
        display: block;
    }
}

上面的代码不起作用..

在桌面设备中，徽标工作正常，仅在 android 设备中出现问题。

Answer 1

Wordpress 确实会产生很多问题。 我建议清除缓存以正确更新网站。 如果您使用 wordpress 和任何页面构建器，您可以在 Elementor 主题构建器中创建 header，然后您可以从响应选项卡中更改您想在移动设备中而不是在桌面中显示的任何内容。

Answer 2

尝试这个：

 @media (max-width: 480px) {
        .site-logo  {
            background: transparent url("http://logo.png") no-repeat scroll 0 0 !important;
        background-size: cover;
          padding: 0px;
          margin: 0px;
          width: 150px;
          height: 50px;
        }
    .site-logo img
    {
    display:none;
    }
    }