使用 CSS 移除移动标志

贡献 用户体验
1

在 mobile 版本中移除徽标，同时保留 desktop 版本中的徽标，操作起来有多简单？我明白可以直接“删除”上传的移动版本徽标文件，但那样会默认回退到桌面版本。我曾尝试过以下代码：

#logo {
display: none;
}

以及

.logo-pane {
display: none;
}

两者都放在 Mobile 部分，但似乎都没有奏效。当然，我的 CSS 水平并不精通。:wink:

1 个赞
2

如果您将第一条 CSS 规则添加到主题的“移动 CSS”选项卡中，它应该可以移除徽标。如果您在台式计算机上测试此功能，请在网站 URL 中添加 mobile_view=1 以加载移动 CSS。

我认为从移动设备中移除徽标可能不会为您的用户带来良好的体验。您试图解决什么问题？

7 个赞
3

恐怕这似乎不起作用。我也尝试了 site-logo 和 logo-big。

理论上，我 150% 同意你的观点——我们的 Discourse 实例运行在 WebView 中，周围有外部 UI 元素，使得某些默认的 UI 方面变得多余。

（我们大多数甚至所有用户都是移动用户）

编辑： 重试了 site-logo，效果完美！

4

你好，

您可以尝试将以下代码添加到您的管理面板 > 外观 > 自定义 > 附加 CSS 字段中：

div#logo {
display: none;
}

谢谢！

1 个赞