Remove the First Row of the Quantity Breaks Grid

Laurel

Published: April 30, 2014 16:21

Last Updated: August 27, 2021 18:04

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

From Shopify's admin, select Apps.
Select Quantity Breaks.
Select Display Settings.
Select Yes for the "Override Standard Styling" option.
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;
 }
 
```
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.
Select Save.