# Re-arrange Categories View

**URL:** https://meta.discourse.org/t/re-arrange-categories-view/138301
**Category:** Support
**Created:** [January 11, 2020, 7:35am UTC](https://meta.discourse.org/t/re-arrange-categories-view/138301 "2020-01-11T07:35:26Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![petepan23](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/petepan23/32/161836_2.png) [@petepan23](https://meta.discourse.org/u/petepan23)
#### Post date: [January 11, 2020, 7:35am UTC](https://meta.discourse.org/t/re-arrange-categories-view/138301/1 "2020-01-11T07:35:26Z")

</div>

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](https://global.discourse-cdn.com/meta/original/3X/3/3/33dfa4f2171c44bd9b6f112c6f369553aed10052.jpeg)

---

<div class="post-metadata">

### Author: ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [January 11, 2020, 2:58pm UTC](https://meta.discourse.org/t/re-arrange-categories-view/138301/2 "2020-01-11T14:58:28Z")

</div>

Try adding this to your theme under desktop CSS

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

```

It will change this

 ![categories with featured topics before](https://global.discourse-cdn.com/meta/original/3X/5/7/57437a4ea69541eb91dba374d813d0d808ed12a2.png)

to this

 ![categories with featured topics after](https://global.discourse-cdn.com/meta/original/3X/5/4/5443e554604dc29b5d827015e4342bb6d663ed95.png)

---

<div class="post-metadata">

### Author: ![petepan23](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/petepan23/32/161836_2.png) [@petepan23](https://meta.discourse.org/u/petepan23)
#### Post date: [January 12, 2020, 12:16pm UTC](https://meta.discourse.org/t/re-arrange-categories-view/138301/3 "2020-01-12T12:16:24Z")

</div>

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?

---

<div class="post-metadata">

### Author: ![Remah](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/remah/32/70590_2.png) [@Remah](https://meta.discourse.org/u/Remah)
#### Post date: [January 12, 2020, 12:43pm UTC](https://meta.discourse.org/t/re-arrange-categories-view/138301/4 "2020-01-12T12:43:55Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![petepan23](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/petepan23/32/161836_2.png) [@petepan23](https://meta.discourse.org/u/petepan23)
#### Post date: [January 12, 2020, 12:46pm UTC](https://meta.discourse.org/t/re-arrange-categories-view/138301/5 "2020-01-12T12:46:42Z")

</div>

Thanks! Work like a charm now!

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [February 11, 2020, 12:46pm UTC](https://meta.discourse.org/t/re-arrange-categories-view/138301/6 "2020-02-11T12:46:43Z")

</div>

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