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

[youkevin06]

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.

[RockTechnolabs · 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>

[Moeed]

Hey @youkevin06 

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

Best Regards,
Moeed

[youkevin06]

Hello, the store URL is:

Instamomentum.com

 it is not password protected.

[Moeed · 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:

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

Best Regards,
Moeed

[youkevin06]

Thank you so much it worked!

[Moeed]

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.

[Sam5489]

I did the exact steps, but it kept on showing 

[Made4uo-Ribe]

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!

[youkevin06]

Hello, the store URL is:

Instamomentum.com

 it is not password protected.

[youkevin06]

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

[RockTechnolabs · 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>

[youkevin06]

Thank you, it worked I appreciate the help!

[Xtylefashion]

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

[Anshul_arora]

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.