由于 Easy Footer 主题组件,移动视图中的文本换行已损坏

https://community.drownedinsound.com/ 上,在过去几个小时里,网站出现了一些问题,不再应用换行,并且出现了其他奇怪的用户界面行为。这只发生在移动视图上。

有几个帖子都在抱怨同样的行为,所以这不是我用户特有的问题:
https://community.drownedinsound.com/t/thread-titles-arent-wrapping/66342

从帖子时间可以看出,这个问题大约在 12 小时前开始出现,即 2022 年 5 月 8 日 20:30(中欧夏令时间)。

1 个赞

你好,

这似乎是由此引起的 Easy Responsive Footer
该组件有一行 CSS #main-outlet 导致此问题。

在主题组件主题中还有另一个关于此问题的报告。


在问题修复之前,您可以使用此快速修复。
转到 /admin/customize/themes 并创建一个新组件。
点击移动版 CSS 部分并添加以下内容。

#main-outlet {
  width: 100%;
  max-width: 100%;
}

7 个赞

我更新了上面的帖子。我忘了覆盖最大宽度。@ma0sm, @AquaL1te

3 个赞

您好!谢谢您的帮助。但是,当我尝试在管理员设置中应用快速修复时,我收到了此消息:

Discourse 中已禁用远程主题的编辑。如果您需要帮助将自定义的远程主题迁移到本地主题,请联系我们

所以看起来我们需要您在这方面提供一些帮助 :slight_smile:

2 个赞

您可以在其中添加额外的代码片段来添加一个新的主题组件。:+1:

  • 转到 /admin/customize/themes
  • 单击 install 然后单击 create new
  • 给它命名,然后选择“component”。
  • Create
  • 将其添加到您的主题
  • 单击 Edit CSS/HTML 按钮,然后将代码粘贴到 Mobile 选项卡中的 CSS 字段中
  • 然后 save
4 个赞

谢谢!这似乎解决了问题!:grin:

3 个赞

看起来不错!非常感谢您的快速帮助!

但我觉得比以前多了些填充。这是在完全修复后会解决的问题吗?

1 个赞

我认为这是因为广告不适合移动设备的宽度。您能否尝试禁用 Easy responsive footer 以及您之前用我发布的代码片段创建的其他组件?只是为了检查填充问题是来自广告还是其他原因?

我想我找到了一个可能的解决方案。:thinking:

您能否将其添加到您之前创建的同一个新组件中,以检查其工作原理?只需将其粘贴在之前的代码片段下方 @dis_whiterussian

.wrap {
  margin-left: unset;
  margin-right: unset;
}
5 个赞

谢谢,这似乎解决了问题!

3 个赞

我已为 easy footer 添加了修复程序

5 个赞

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.