# How can I hide the new topic button on the home page?

**URL:** https://meta.discourse.org/t/how-can-i-hide-the-new-topic-button-on-the-home-page/285409
**Category:** Development
**Tags:** css
**Created:** [November 14, 2023, 9:39am UTC](https://meta.discourse.org/t/how-can-i-hide-the-new-topic-button-on-the-home-page/285409 "2023-11-14T09:39:18Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Ahmed26](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ahmed26/32/347069_2.png) [@Ahmed26](https://meta.discourse.org/u/Ahmed26)
#### Post date: [November 14, 2023, 9:39am UTC](https://meta.discourse.org/t/how-can-i-hide-the-new-topic-button-on-the-home-page/285409/1 "2023-11-14T09:39:18Z")

</div>

How can I hide the new topic button on the home page?

When creating a new topic, I want it to be created only from the category.

The list seems very long since there are so many subforums.

 ![a45](https://global.discourse-cdn.com/meta/original/4X/b/a/1/ba1aa039b6791e7b1ede4276e200429ff74ec9c6.png)

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [November 14, 2023, 11:11am UTC](https://meta.discourse.org/t/how-can-i-hide-the-new-topic-button-on-the-home-page/285409/2 "2023-11-14T11:11:31Z")

</div>

Having a look through the Related Topics at the bottom of this one, I think the correct CSS to add to a theme component is:

```css
body.navigation-topics, body.navigation-categories { 
    
    button#create-topic { 
        
        display:none; 
        
    } 
}

```

---

<div class="post-metadata">

### Author: ![Ahmed26](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ahmed26/32/347069_2.png) [@Ahmed26](https://meta.discourse.org/u/Ahmed26)
#### Post date: [November 14, 2023, 12:03pm UTC](https://meta.discourse.org/t/how-can-i-hide-the-new-topic-button-on-the-home-page/285409/3 "2023-11-14T12:03:50Z")

</div>

yes, I applied it and it worked, thank you

How can we remove it on mobile connection?  
How to get it off when you log in via phone?

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [November 14, 2023, 12:33pm UTC](https://meta.discourse.org/t/how-can-i-hide-the-new-topic-button-on-the-home-page/285409/4 "2023-11-14T12:33:56Z")

</div>

There’s a snippet in this post that may help:

> [@Hide 'Create Topic' on home page?](https://meta.discourse.org/t/hide-create-topic-on-home-page/51732/11):
>
> You can use your browser’s Style Inspector. It shows that the declaration is overwritten by a more specific one on mobile: [Screenshot from 2021-04-07 18-57-16] So you can either use the more specific declaration for mobile yourself: body:not([class\*="category-"]) .list-controls .container #create-topic { display: none; } Or give your general declaration priority with the !important property: body:not([class\*="category-"]) #create-topic { display: none !important; }

---

<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: [December 14, 2023, 12:34pm UTC](https://meta.discourse.org/t/how-can-i-hide-the-new-topic-button-on-the-home-page/285409/5 "2023-12-14T12:34:39Z")

</div>

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