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
5796 1577 1874

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

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 14 (14)

Moeed
Shopify Partner
5796 1577 1874

Hey @youkevin06 

 

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

 

Best Regards,
Moeed

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- 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
5796 1577 1874

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

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


youkevin06
Tourist
7 0 1

Thank you so much it worked!

Moeed
Shopify Partner
5796 1577 1874

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.

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- 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
8755 2093 2568

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.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
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 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 98

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