How to remove Free Shipping on orders above $50?

[locrag]

Hello, I need help removing a Free Shipping on orders above $50 banner on locrag.com. It also lets customers know how far they are from getting free shipping. Please help as I have been trying to remove it for almost 3 hours now. 

[rajweb]

Hey @locrag ,

To remove the "Free Shipping on orders above $50" banner on your Shopify store, try the following steps:

1. Online Store 

2. Themes

3. Click on  Customize for your active theme.

4. Look through the theme editor sidebar for any sections related to , Annoucement Bar, Banner or Header. Some themes have a dedicated section for banners or announcements that you can turn off or edit directly.

2. Check Theme Settings:

1. Go to  Theme Settings  within the customizer (usually at the bottom of the sidebar).

2. Look for any options related to "Free Shipping" or "Announcement." If you find this setting, you may be able to toggle it off or change the text.

3. Check for Custom Code:

1. Online Store

2. Themes 

3. Edit Code

4. Search for files like annoucement-bar.liquid, header.liquid and theme.liquid (these might contain code for the banner).

5. Look through these files for text related to "Free Shipping." If you locate the code, you can comment it out or delete it.

4. Check for Third-Party Apps:
1. If you’re using an app that offers shipping progress banners, go to  Apps in your Shopify admin, and check if any are active.

2. Open the app settings and look for any banner or notification settings to disable.

Let me know if this works or if you need further guidance!

If I was able to help you, please don't forget to Like and mark it as the Solution!
If you’re looking for expert help with customization or coding, I’d be delighted to support you. Please don’t hesitate to reach out via the email in my signature below—I’m here to help bring your vision to life!

Best Regard,
Rajat Sharma

[locrag]

Thank you for your response, but this did not work. 

[AnneLuo]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the </head> tag

<style>
#shopify-section-sections--16621195591795__announcement-bar{
    display: none;
}
</style>

Result:

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[locrag]

It removed the top one but I am referring to the black banner. 

[AnneLuo]

Hi, @locrag 

Update the code

<style>
.391-mars14 {
    display: none !important;
}
</style>

[locrag]

This did not work either. Should I just use a different theme all together?

[LitExtension]

You can follow these steps:

- Go to Online Store > Themes in your Shopify admin.
- Click Customize on your active theme.
- Look for settings in the Header, Announcement Bar, or similar sections.
- Some themes allow you to toggle promotional banners on or off.
- If you find the setting for the banner, disable or remove it.

* If the banner isn’t in the customization settings:

- Go to Online Store > Themes > Actions > Edit code.
- Look for the following files:
header.liquid
announcement-bar.liquid
theme.liquid
- Search for keywords like "Free Shipping," "Shipping Threshold," or $50.

Remove or comment out the relevant section.

<!-- Remove or comment out this section -->
<div class="free-shipping-banner">
Free Shipping on orders above $50!
</div>

Hope it can help you more!!!

[locrag]

I was unable to find "free" or "shipping" in any of those files. What else can I try? This black pop up banner is very annoying. 

[topnewyork]

Hello, @locrag 

Here is screen shot, hope you will get solution. 

Thanks!

[topnewyork]

hey @AnneLuo 

I'm sharing screen shot again, you can apply these steps

Thanks!