Unknown Announcement bar appeared on my Shopify store

Solved

Unknown Announcement bar appeared on my Shopify store

selleranna
Shopify Partner
24 0 2

I am experiencing an issue with my Shopify store where a white top announcement bar appears, and I am unable to remove it through the theme editor. Despite disabling the announcement bar in the settings and attempting to hide it with custom CSS, the bar persists.

 

Screenshot 2024-07-04 200426.jpg

 

 

Store preview 

Accepted Solution (1)

Moeed
Shopify Partner
4370 1127 1383

This is an accepted solution.

Hey @selleranna 

 

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>
.essential_annoucement_bar_wrapper_614911c3-eabb-495a-8772-881a8420956b.top_page_sticky {
    display: none !important;
}
</style>

RESULT:

Moeed_0-1720087961638.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


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 4 (4)

Moeed
Shopify Partner
4370 1127 1383

This is an accepted solution.

Hey @selleranna 

 

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>
.essential_annoucement_bar_wrapper_614911c3-eabb-495a-8772-881a8420956b.top_page_sticky {
    display: none !important;
}
</style>

RESULT:

Moeed_0-1720087961638.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


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
selleranna
Shopify Partner
24 0 2

It worked, I tried that before though I guess I placed it on the wrong place, Thank you so much @Moeed 

Moeed
Shopify Partner
4370 1127 1383

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


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

sahilsharma9515
Shopify Partner
1079 132 203

Hi @selleranna Please add the code to solve the issue.

 

.essential_annoucement_bar_wrapper.essential_annoucement_bar_wrapper_614911c3-eabb-495a-8772-881a8420956b.essential_annoucement_bar_wrapper_614911c3-eabb-495a-8772-881a8420956b_.top_page.top_page_styles.top_page_sticky {
    display: none !important;
}

 

Please follow the steps:

  1. Login in shopify admin.
  2. Click on the Online Store.
  3. Then click on the button next to Customize in live Theme.
  4. Click Edit Code.
  5. Search theme.liquid in the code in left hand side in your theme.
  6. Add the following code in the bottom of the file above </body> tag

Result:

sahilsharma9515_0-1720088179516.png

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

 

Best Regards

Sahil

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️