Why is my Add to Cart Button is hidden?

[mattgwinn]

We noticed today that our add to cart buttons are invisible on category pages until you mouse-over them. They show up fine on the product pages. I'm pretty sure it's a css issue, but I can't find it for the life of me.

Any help would be appreciated.

The site is

http://wolverinesports.com

Thank you

Matt

[Sunil Patel]

Hello,

please add below css 

.emtabs .products-grid li.item .actions, .category-products .products-grid li.item .product-item .actions {  opacity: 1; 
-moz-opacity: 1;
-webkit-opacity: 1; }

[mattgwinn]

Sunil,
Thanks. It worked a little. In grid mode a little of the button shows, but you still have to mouse-over the item for the whole button to show. Doesn't work at all in list mode.

[Sunil Patel]

@mattgwinn

Hello,

please check below css

.category-products .products-list li.item .actions,.emtabs .products-grid li.item .actions, .category-products .products-grid li.item .product-item .actions  { opacity: 1;-moz-opacity: 1;-webkit-opacity: 1;}
.emtabs .products-list li.item .actions button.button.btn-cart, .category-products .products-list li.item .actions button.button.btn-cart { position:relative; left:0px;}

If my answer right then accepts as solution.

[mattgwinn]

Thank you! Almost there
It worked for the list view, but only partially showing the button on grid view. I have it up live if you want to take a look.

[Sunil Patel · Accepted solution]

Hey,

please add below css

.emtabs .products-grid li.item .actions button.button.btn-cart, .category-products .products-grid li.item .actions button.button.btn-cart { position:relative; left:0px}

Mark as solution if answer is right.

[mattgwinn]

Thank you so much! It works great