# How To Make The HomePage Contain Category While using Mobile Phone

**URL:** https://meta.discourse.org/t/how-to-make-the-homepage-contain-category-while-using-mobile-phone/233982
**Category:** Development
**Created:** [July 26, 2022, 9:43am UTC](https://meta.discourse.org/t/how-to-make-the-homepage-contain-category-while-using-mobile-phone/233982 "2022-07-26T09:43:06Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Lord\_Praise](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lord_praise/32/245925_2.png) [@Lord\_Praise](https://meta.discourse.org/u/Lord_Praise)
#### Post date: [July 26, 2022, 9:43am UTC](https://meta.discourse.org/t/how-to-make-the-homepage-contain-category-while-using-mobile-phone/233982/1 "2022-07-26T09:43:06Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/4X/2/c/8/2c8af3916aa2d110cb36fae205cf886d59681f20.jpeg)  
as you can see, if you view the website on mobile phone, you will not be able to see a category on the home page([https://theantsforum.allstarunion.com/](https://theantsforum.allstarunion.com/)), I was wondering if there is any way to have the category option show up on mobile phone

If you use PC, it will be no problem, you can see the category is showed up there perfectly

 ![image](https://global.discourse-cdn.com/meta/original/4X/6/d/a/6da04f44379c25865f11478c7f213a76311d00c3.png)

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [July 26, 2022, 10:17am UTC](https://meta.discourse.org/t/how-to-make-the-homepage-contain-category-while-using-mobile-phone/233982/2 "2022-07-26T10:17:36Z")

</div>

Hello,

This is possible with CSS. You have to create a new component.

1. Go to `/admin/customize/themes/`  
Customize → Themes

2. Click the **Components** tab and then the Install button

3. On the popup window click Create new button and type the new component name.  

4. Click Create button.

5. The component created. Now select which theme(s) you want to activate it.  

6. Now click the Edit CSS/HTML button.  

7. Now click the **Mobile** tab and paste the below code to the **CSS** section.  

```scss
.category-breadcrumb.hidden {
  display: flex !important;
}

```

1. Click Save. Done! 🙂

 ![Screenshot 2022-07-26 at 12.13.42](https://global.discourse-cdn.com/meta/original/4X/3/7/2/3726a207028421b2a88a69ada23d489ffdc9ce9f.png)

---

<div class="post-metadata">

### Author: ![Lord\_Praise](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lord_praise/32/245925_2.png) [@Lord\_Praise](https://meta.discourse.org/u/Lord_Praise)
#### Post date: [July 26, 2022, 11:18am UTC](https://meta.discourse.org/t/how-to-make-the-homepage-contain-category-while-using-mobile-phone/233982/3 "2022-07-26T11:18:28Z")

</div>

Why are you so genius 😀 thanks so much. Issue Fixed

---

<div class="post-metadata">

### Author: ![Jonathan5](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jonathan5/32/197134_2.png) [@Jonathan5](https://meta.discourse.org/u/Jonathan5)
#### Post date: [July 27, 2022, 10:28pm UTC](https://meta.discourse.org/t/how-to-make-the-homepage-contain-category-while-using-mobile-phone/233982/5 "2022-07-27T22:28:26Z")

</div>

This is set out extremely well and works perfectly. Thank you very much.

---

<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: [August 26, 2022, 10:28pm UTC](https://meta.discourse.org/t/how-to-make-the-homepage-contain-category-while-using-mobile-phone/233982/6 "2022-08-26T22:28:44Z")

</div>

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