If you would like to hide a category visually from your catalog, there is a workaround available utilizing custom CSS code.

Important: Before you begin, make sure you make a backup of your theme. We cannot help restore a previous version if you attempt this custom code change and something goes wrong.

Select and hide a category

1. Go to your categories tab: https://www.uscreen.io/bullet/contents/categories

2. Identify the categories that you want to hide and put them at the bottom positions; in the following example we will hide the following categories: Sports / Finance / Virtual Reality

3. Navigate to the Customization tab in your Admin Area: https://www.uscreen.io/bullet/customization

4. Navigate to the Advanced dropdown and select Code editor

5. Find and select the file named theme.liquid

6. Scroll down until the line 115 or more (this might depend if you have already applied some customizations or your theme), and identify the </style> element:

7. Add two or more lines before the </style> element by pressing the Enter key, this is to give space for the new code:

8. On the blank space generated enter the following code:

.category-group:nth-last-child(-n+4){
height: 0px;
visibility: hidden;
}

*Notice that the code includes -n+4; that will determine your number of categories to be hidden based on the categories order from bottom to top.

Example 1: (-n+4 = 3 categories to hide from bottom to top)

Example 2: (-n+3 = 2 categories to hide from bottom to top)

9. Click the Save Changes button

10. Changes might not reflect immediately due to CDN caching; you can also try clearing your browser cache

NOTE:

This is a custom code suggestion and might not work in all cases, as this could be limited by the existing customizations applied to your page. If you have difficulty implementing this, we recommend consulting your developer or hiring one to assist you to ensure your customizations do not break.

Did this answer your question?