• Priority: High
  • Status: Waiting on customer
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 14.05.20, 00:26
  • Opened by: Marco Montanari

Ticket #17871 - ERROR: Class used for 2 types of content

.product-actions

is used as a clas for div container of the buttons overlay on the product miniature
https://gyazo.com/897e8f12655922d173c414e0e71ea564


is used as a class for div container in product page
https://gyazo.com/7d286906a39a5ca514a06b8523fd47f6


please differentiate the class because on tablet, if ii want to hide the section over the miniature with the code:

/* Hide 3 buttons product overlay on mobile */
@media screen and (max-width: 1024px) {
  .product-actions {
    display: none !important;
  }
}

i will end up to disable also the add to cart and qty in the product page

Comments

Fred 14 May 2020, 11:26

Ok, I see.
Try to use page ID

#product .product-actions {...}
Marco Montanari 14 May 2020, 11:31

i used this one to disable the 3 buttons on tablet:

/* Hide 3 buttons product overlay on mobile */
@media screen and (max-width: 1024px) {
  div.product-thumbnail > div.product-actions {
    display: none !important;
  }
}

seems it works but if you have a better css solution i'm glad do adopt it

Thanks

Fred 14 May 2020, 13:44

ok