Re-arrange Categories View

Support
1

Currently, the “categories” view is split 50-50 for “Category” and “Latest” (as in the picture). How can I make it to 30-70, and make the “Topics” column disappear?

new_layout
new_layout1433×650 181 KB

2

Try adding this to your theme under desktop CSS

.category-list.with-topics {
  .category {
    width: 30%;
  }
  .topics {
    display: none;
  }
  .latest {
    padding-left: 0;
  }
}

It will change this

categories with featured topics before
categories with featured topics before1706×268 44.4 KB

to this

categories with featured topics after
categories with featured topics after1706×274 44.9 KB

3

It works well on Desktop view, however, on mobile view, the “Category” now also be reduced to 30%. How to keep it as original for the mobile view?

4

Did you actually add the CSS to the Desktop CSS so it won’t impact the mobile view?

https://your.forum.name/admin/customize/themes/yourtheme/desktop/scss/edit

It sounds like you put it under Common or somewhere else.

5

Thanks! Work like a charm now!