Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: Remove shipping bar

Solved

How can I remove a stubborn shipping bar from my online store's header?

youkevin06
Tourist
7 0 1

I need help removing a shipping bar that was installed on the header/announcement bar of my online shop. I tried removing embedded apps and nothing affected it. I tried to edit the code & look for many solutions online but nothing seemed to work for me. 

If anyone could please help me resolve this issue that would be greatly appreciated.

 

image.png

  

 
 
 

 

Accepted Solutions (2)

RockTechnolabs
Shopify Partner
251 36 60

This is an accepted solution.

Hi @youkevin06 Please add the below CSS code in theme.liquid File above the </body> tag 

<style>
.\32 32-mars1 {
    display: none;
}
</style>

 

banned

View solution in original post

Moeed
Shopify Partner
6330 1716 2069

This is an accepted solution.

Hey @youkevin06 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.\32 32-mars1 {
    display: none !important;
}
</style>

RESULT:

Moeed_0-1693807630469.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 13 (13)

Moeed
Shopify Partner
6330 1716 2069

Hey @youkevin06 

 

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


youkevin06
Tourist
7 0 1

Hello, the store URL is:

Instamomentum.com

 it is not password protected.

 

Moeed
Shopify Partner
6330 1716 2069

This is an accepted solution.

Hey @youkevin06 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.\32 32-mars1 {
    display: none !important;
}
</style>

RESULT:

Moeed_0-1693807630469.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


youkevin06
Tourist
7 0 1

Thank you so much it worked!

Moeed
Shopify Partner
6330 1716 2069

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Sam5489
Visitor
1 0 0

I did the exact steps, but it kept on showing 

Made4uo-Ribe
Shopify Partner
9079 2169 2678

Hi @youkevin06 

This is an announcement bar. If you like to remove would you mind to share your store URL website? with password if its protected. thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
youkevin06
Tourist
7 0 1

Hello, the store URL is:

Instamomentum.com

 it is not password protected.

youkevin06
Tourist
7 0 1

I have not tried that option yet, let me try it and let you know if it worked.

RockTechnolabs
Shopify Partner
251 36 60

This is an accepted solution.

Hi @youkevin06 Please add the below CSS code in theme.liquid File above the </body> tag 

<style>
.\32 32-mars1 {
    display: none;
}
</style>

 

banned
youkevin06
Tourist
7 0 1

Thank you, it worked I appreciate the help!

Xtylefashion
Visitor
1 0 0

i have the same problem but this solution does not work for me

Anshul_arora
Navigator
453 128 100

Hello @youkevin06 ,

As I understand that you are looking to remove the Header/announcement bar from your shopify store.

You have to remove the code associated with this shipping bar https://prnt.sc/BDKb1WtlAs8G . As you said you are using a third-party app.

So I am not able to suggest any specific file from where you can remove this code, as I am not sure if the specific code comes from an app or template

If it comes from the app then you have to uninstall the respective app or if it comes from the template then you can remove it from the template liquid files.

Please let me know if I can send you a collaborator account request, so I can deeply check your store code and provide you with an appropriate solution.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here