Remove the First Row of the Quantity Breaks Grid

To remove the first row of the Quantity Breaks grid, please follow these steps: 

  1. From Shopify's admin, select Apps.

    Select Apps

  2. Select Quantity Breaks.

    Select the Quantity Breaks app

  3. Select Display Settings.

    select display settings

  4. Select Yes for the "Override Standard Styling" option.

    select yes

  5. Under "Additional CSS", enter this code:
    .shappify_qb_grid tbody tr:first-of-type {
      display:none !important; 
      or try 
     .shappify_qb_grid tbody tr:nth-child(1) {
      display: none;

     enter this code

    Note: If this doesn't work for you, try adding this code to the theme's main CSS file. This file is found in the path: Online Store -> Actions -> Edit code under "Assets" and will be titled something like theme.scss.liquid.

  6. Select Save.

    select save

That's it!

Next Steps:

Blog Posts:

Was this article helpful?
1 out of 2 found this helpful