cancel
Showing results for 
Search instead for 
Did you mean: 

Why is my Add to Cart Button is hidden?

SOLVED

Why is my Add to Cart Button is hidden?

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

1 ACCEPTED SOLUTION

Accepted Solutions

Re: Why is my Add to Cart Button is hidden?

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.


Problem solved? Click Kudos & Accept as Solution!
Sunil Patel
Magento 2 Certified Professional Developer & Frontend Developer

View solution in original post

6 REPLIES 6

Re: Why is my Add to Cart Button is hidden?

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; }

Problem solved? Click Kudos & Accept as Solution!
Sunil Patel
Magento 2 Certified Professional Developer & Frontend Developer

Re: Why is my Add to Cart Button is hidden?

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.

Re: Why is my Add to Cart Button is hidden?

@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.


Problem solved? Click Kudos & Accept as Solution!
Sunil Patel
Magento 2 Certified Professional Developer & Frontend Developer

Re: Why is my Add to Cart Button is hidden?

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.

Re: Why is my Add to Cart Button is hidden?

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.


Problem solved? Click Kudos & Accept as Solution!
Sunil Patel
Magento 2 Certified Professional Developer & Frontend Developer

Re: Why is my Add to Cart Button is hidden?

Thank you so much! It works great