Remove the First Row of the Quantity Breaks Grid

With some slight tweaks to your theme's code, you can remove the first row of the Quantity Breaks grid. To do this, please follow the steps below.

 Alert

The Quantity Breaks (standalone) app is no longer available for new installations. If you are currently using Quantity Breaks (standalone), you will be able to continue using the app on a grandfathered plan.

Any new installs of the Quantity Break app will be redirected to Custom Pricing which has a Quantity Breaks plan available. For more information on Custom Pricing, please visit Custom Pricing: Information and Overview.

 


 

Setup

  1. From Shopify's admin, select Apps.
  2. Select Quantity Breaks.
  3. 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.
Was this article helpful?
1 out of 2 found this helpful