i dont want a category to show up when there arent products in that category on the products list page

Hi! I would like to know how to hide a category in a store (in the products list view) -  when there are no products tagged or labeled with that category. I don't want the client to have to manually toggle "make category visible" (or whatever that says) in the settings every time there is no inventory in that category. I want it to just automatically hide the category from navigation when nothing is labeled that way. 

For instance - in this store, she will have a certain set of product categories of plants, but currently only has inventory in a couple of the categories. So until the inventory is added and labeled with the category - it is in the navigation and opens to an empty page. What css or js could hide the category until something is labeled with that category?

The attached screenshot shows the "All Plants" (she names them something else super long and silly - but it is "all products") then all categories are displayed, and you click on "Gallon Pots" and there's an empty page.

site: www.girlrunfarm.com 

pw: plants

@tuanphan please help?

https://www.girlrunfarm.com/store/gallon-pots

You mean with product category page has no product, you want to hide Category Links on left?