Wordpress Woocommerce: How to remove category icon from the shop page?

So I just created an amazon affiliated e-store, I imported few products but woocommerce automatically add these category icons on my shop. http://shop.eeglio.com/  I am going to make the product categories accessible through the menu so I do not want them to be displayed as an icon on my shop page.

I try to disable it by adding this code to css

ul.products li.product.product-category {display:none !important;}

It does stop the categories from stop displaying on the product page, the only problem is that, Now I get this empty space at where categories icons are previously displayed.
Like this one. http://i.stack.imgur.com/r6JV9.jpg

I look through all the setting and found nothing, My css is limited, and my php is Zero so Any help would be really appreciated.

Additional information.

I am using the theme storefront with the storefront pro plugins.
I add the products throught woozonelight plugins. `