If you’d like to hide the Goal Index on your storefront, this can be done using a small CSS rule.
This is helpful if:
You want a cleaner layout
You're customizing your theme
You prefer not to show the “items remaining” message
What Is the Goal Index?
The Goal Index is the text that shows customers how close they are to unlocking the discount.
Example:
“1/2”
If you'd prefer not to display this message, you can hide it using CSS.
Step 1: Add Custom CSS to Your Theme
Go to Shopify Admin
Click Online Store → Themes
Click … (three dots) → Edit code
Open your main CSS file
Usually
base.css,theme.css, orstyles.css
Scroll to the bottom of the file
Paste the following code:
/* Hide ADU Goal Index */
.adu-goal-index {
display: none !important;
}
Click Save
Step 2: Refresh Your Storefront
Hard refresh your browser:
Windows: Ctrl + Shift + R
Mac: Cmd + Shift + R
The Goal Index should now be hidden.
Important Notes
This only hides the numbers visually.
The discount logic still works normally.
If your theme uses heavy customizations, the class name may differ slightly.
If the Goal Index is still visible after adding the CSS, contact our team and we’ll check the correct selector for your theme.