how to remove the sku from being listed on the product grid page debut theme

how to remove the sku from being listed on the product grid page debut theme

27 0 9

I am looking to remove the sku from my collection grid pages,  I don't rember if this was something that I had added so if anyone knows the name of the file and what code to look to remove that would be great.  I am using debut theme


see the following image from this page to see a visual representation of what im looking to remove



Replies 2 (2)

Shopify Partner
9576 1197 1537

@Matt_Dubinsky - sku do not have any unique class or id, I recommend to go to product item liquid file, add some unique class / id to sku and then using css we can hide it


Support me | To build shopify pages use pagefly | Contact me - , My timezone is GMT+5:30.

Shopify Partner
565 114 137

Hi @Matt_Dubinsky 

You should try following the instructions below

Step 1: Go to Admin -> Online store -> Theme > Edit code


Step 2: Search for the file theme.scss.css and add this code snippet to the end of the file


dl:has(.product-price) {
    color: transparent;
    pointer-events: none;
    margin-top: -24px !important;



If it's helpful, please like and mark it as a solution, thank you




If our suggestions are useful, please let us know by giving it a like, marking it as a solution.

B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price

Need help from our expert? Kindly share your request with us via

BSS Commerce - Full-service eCommerce Agency