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 59

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
3803 961 1192

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 developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 13 (13)

Moeed
Shopify Partner
3803 961 1192

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 developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
youkevin06
Tourist
7 0 1

Hello, the store URL is:

Instamomentum.com

 it is not password protected.

 

Moeed
Shopify Partner
3803 961 1192

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 developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
youkevin06
Tourist
7 0 1

Thank you so much it worked!

Moeed
Shopify Partner
3803 961 1192

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 developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

Made4uo-Ribe
Shopify Partner
6054 1454 1792

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!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


youkevin06
Tourist
7 0 1

Hello, the store URL is:

Instamomentum.com

 it is not password protected.

Armanbabayan
Excursionist
29 2 5

Hi there,

 

Arman is here to help. Have you tried disabling third-party apps from the Apps Section in the Online Store Customizer?

Arman Babayan
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
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 59

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
383 110 78

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