How can I successfully remove SKU from the product page?

I want to remove SKU from the product page. I tried solutions from other discussions on shopify but they are not working.

Like this

  1. Go to Online Store->Theme->Edit code
  2. Asset->theme.scss.liquid->paste below code in the bottom of the file

p.product-sku {
display: none!important;
}

for this, go to theme>theme product-template. liquid > open the file>find this code {% if product.sku %}

SKU: {{ product.sku }}

{% endif %} and simply remove this code and save the file