Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: an unwanted arrow on announcement bar

Solved

an unwanted arrow on announcement bar

מלבושים
Excursionist
29 0 7

Hi, this arrow appeared on my announcement bar and I cant figure out how to make in dissapear.

does anyone know?

thanks in advance

צילום מסך 2024-10-21 082418.png

Accepted Solution (1)
Moeed
Shopify Partner
6301 1711 2057

This is an accepted solution.

Hey @מלבושים 

 

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>
p.announcement-bar__message.h5 svg {
    display: none !important;
}
</style>

RESULT:

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

- Get a quick Shopify quote – Click here!

- Create high-converting pages - PageFly Page Builder.


View solution in original post

Replies 10 (10)

Moeed
Shopify Partner
6301 1711 2057

Hey @מלבושים 

 

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>
.announcement-bar .slider-button {
display: none !important;
}
</style>

 

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

- Get a quick Shopify quote – Click here!

- Create high-converting pages - PageFly Page Builder.


מלבושים
Excursionist
29 0 7

i have two different announcements, its the secons one (you have a small arrow on the sides to switch between them)

https://malboshim.com/

Moeed
Shopify Partner
6301 1711 2057

This is an accepted solution.

Hey @מלבושים 

 

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>
p.announcement-bar__message.h5 svg {
    display: none !important;
}
</style>

RESULT:

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

- Get a quick Shopify quote – Click here!

- Create high-converting pages - PageFly Page Builder.


מלבושים
Excursionist
29 0 7

thanks!

Moeed
Shopify Partner
6301 1711 2057

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

- Get a quick Shopify quote – Click here!

- Create high-converting pages - PageFly Page Builder.


GTLOfficial
Shopify Partner
658 140 133

Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

.announcement-bar__link .icon-arrow {
display: none !important;
}

result
17.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

rajweb
Shopify Partner
366 35 50

Hey @מלבושים ,

Could you share your store URL so I can check?
so i can check and provide you possible solution for your question.

Thanks

-Need a Shopify developer?
https://rajatweb.dev/
Email: rajat.shopify@gmail.com
מלבושים
Excursionist
29 0 7

GTLOfficial
Shopify Partner
658 140 133

Hello @מלבושים 
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

 

 

  .announcement-bar .slider-button {
    display: none !important;
  }

result
16.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh
מלבושים
Excursionist
29 0 7

i did it and it made the second announcement disappear