Re-arrange Categories View

[petepan23 (Peter)]

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?

[Johani (Joe)]

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

to this

[petepan23 (Peter)]

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?

[Remah (Just another happy Discourse user)]

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

@Johani

Try adding this to your theme under desktop CSS

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

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

[petepan23 (Peter)]

Thanks! Work like a charm now!