Remove the First Row of the Quantity Breaks Grid

Laurel

Published: April 30, 2014 16:21

Last Updated: January 26, 2023 22:23

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, you will be able to continue using the app on a grandfathered plan.

New requests for Quantity Breaks will be directed to Custom Pricing which has a Quantity Breaks plan available. For more information, please visit Custom Pricing Overview.

If you'd like move from Quantity Breaks (standalone) to Custom Pricing, please visit Switch from Quantity Breaks to Custom Pricing.

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.