category title being pushed out to the right on mobile

I am having an issue with the category title being pushed out to the right by the css class "wc-product-overlay" on the products page. This only happens when I resize my browser to a single column or browsing on mobile. The issue arose when I upgraded wordpress to 3.7. However, I think the issue is related to wc-product-overlay. I cannot figure out how to find the css to fix?

Also, I have added some products to a page via shortcode. However the products have a orange tick on each product on the top left hand side ..how do i remove orange tick? (see screen grab).

regards
Michael

Could You please post an url to your site?

Thanks Cyberek,

i resolved issue:

remove orange tick:

shortcodes.typography.css ..i removed /* content: "\f00c";*/

article .summary ul li:before,
#tab-description ul li:before {
color: #ed6363;
/* content: "\f00c";*/
font-family: FontAwesome;
font-size: 13px;
left: 0;
position: absolute;
top: 3px;
}

Also, I added a <h5> wrap to make the category title label align center.

thanks again Michael

Ok, thanks for sharing the answer.
If You will have any other questions, feel free to post new forum threads.