如何设置移动类别页面样式?

我已经设置了一个 Discourse 论坛,其桌面分类页面样式为“带精选主题的框”。这在桌面上效果很好,并且我通过 CSS 对其进行了修改,达到了我想要的桌面视图效果。

但是,当我切换到移动视图时,我失去了“带精选主题的框”的外观,而是得到了更像“仅分类”的页面样式。有没有简单的方法也可以将移动视图设置为“带精选主题的框”?

移动类别页面目前只有一种样式。它最接近桌面端的“带特色主题的框”选项,但增加了一些额外的统计数据。以下是桌面端和移动端未经自定义的样式:

您能否详细说明一下,在哪些方面对类似桌面自定义的样式化方面存在挑战?我或许可以给您一些建议。

1 个赞

我遇到了类似的问题。我们的网站希望有一个更简单的前端,链接更少,在那里我们列出主要类别,以便人们选择他们要进入的领域,包括类别描述:

但在移动设备上,我似乎无法只显示类别,而是显示“精选主题类别”(没有描述):

所以,我猜从上面来看,这是移动设备上唯一的选项吗?

这个小小的 Mobile Category List Adjustments 组件可能有足够的功能来满足您的需求。看看您是否觉得合适。

1 个赞

太棒了,非常接近了。

我需要的是类别描述,现在只有一个图标和一个标题。但我想暂时可以接受显示三个热门话题。我不知道移动主题在这里是有限制的。

1 个赞

你好! :slight_smile:
抱歉,我知道如何处理 CSS,但我不知道如何在移动设备上处理它。我想缩小类别之间的间隙,使布局看起来与桌面版完全一样(并进一步压缩界面)。你能告诉我应该用 CSS 调用哪个元素吗?或者至少如何获取它?

这也许会有帮助,我一直想做同样的事情 Enhanced category-box display component - #11 by Fma965

2 个赞