移动移动子类别？

[TheDarkWizard]

大家好，

在过去的几周里，我一直在学习如何进行主题化和使用主题，因为我们正处于迁移的这个阶段，或者说几乎可以完全专注于这一点。

我已经用主题组件做了一些令人惊叹的酷炫的事情，但我在尝试弄清楚一件事情，它困扰了我一整晚。

在移动设备上，如何将类别页面中显示的子类别列表（我们使用带有精选主题的类别作为默认设置）移到主题标题下方、主题列表上方？

[awesomerobot (Kris)]

有两种方法可以解决这个问题：如果你必须更改 HTML 本身的顺序……那么别无选择，只能覆盖模板。这不利于长期维护，因为如果我们更改了模板依赖的某些内容，可能会破坏你的自定义。

另一种方法是使用 CSS，这应该更容易维护。我没有彻底测试过这一点，所以你需要留意副作用……但这可以按你想要的方式重新排序：

.mobile-view .category-list {
  tbody {
    display: flex;
    flex-direction: column
  }
  .subcategories-list {
    order: -1
  }
  tr:first-child { // 这是类别标题部分
    order: -1
  }
}

这会将表格布局转换为使用 flexbox，它允许使用 order 重新排序同级元素。

[TheDarkWizard]

非常感谢！

我之前试图通过挂钩到 outlets、覆盖模板等方式来过度复杂化，但实际上并不需要这样做。

这是我们目前为止的进展。（目前使用 Graceful 作为我们所有编辑的基础模板，试图使其接近用户习惯的样式）。使用您的修复，在我看到您上面的代码的作用后，我也能够快速地更改分类描述显示的位置顺序。

它还没有准备好，但差不多了。