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
3898 985 1232

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
3898 985 1232

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
3898 985 1232

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
3898 985 1232

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
6453 1547 1918

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 is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
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
424 121 84

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