桌面上不显示徽标，仅在平板电脑和移动设备上显示答案

【问题标题】：Logo not showing on desktop, only on tablet and mobile桌面上不显示徽标，仅在平板电脑和移动设备上显示
【发布时间】：2019-05-07 20:20:33
【问题描述】：

标题徽标未显示在桌面上，但当我减小屏幕尺寸时，我开始看到它（手机和平板电脑）。

我已尝试通过自定义工具自定义网站，但没有此选项。

网站是 acelebanon.com

【问题讨论】：

【解决方案1】：

请将以下代码放入定制器 [外观 -> 自定义 -> 附加 CSS ] 以获取桌面徽标：

.pro_logo a {
    display: inline-block;
    width: 100px;
}

希望它会起作用。

【讨论】：

您好，即使在更新了上面的代码后，我也面临同样的问题，请有人帮忙。 1) 网站=> trinitech.in 2) 徽标 => trinitech.in/wp-content/uploads/2021/03/Trinitech_Blue_V1.svg 在此先感谢。但是在移动和 IE、EDGE 中没有徽标问题

【解决方案2】：

你的问题是你给.pro_logo类的填充

.pro_logo { padding: 22px 130px; }

不要使用太多的填充。 1-2em (16 - 32px) 就足够了。移除填充，您将再次看到徽标。

去这个：

.pro_logo { padding: 1.5em; }

【讨论】：

【解决方案3】：

尝试更改徽标包装器的填充属性，如下所示：

<style>
.pro_logo { padding: 22px 0; }
</style>

它应该适用于所有设备。

【讨论】：

【解决方案4】：

.pro_logo {
    padding: 22px 130px;
}

删除填充，您可以使用边距来对齐徽标。

【讨论】：