Remove Arrows in Announcement Bar - Trade Theme

Solved

Remove Arrows in Announcement Bar - Trade Theme

golazocases
Pathfinder
96 0 28

Hello,

 

I am looking to remove the two arrows in the Trade theme announcement bar (see attached). I want to make this change without affecting anything elsewhere.

 

The theme I am using is the Trade theme on Shopify and my URL is: golazocases.myshopify.com

 

Would appreciate any help or guidance on this! Thanks in advance

 

Screenshot 2024-07-23 at 14.34.13.png

Accepted Solution (1)

Moeed
Shopify Partner
7029 1895 2316

This is an accepted solution.

Hey @golazocases 

 

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>

RESULT:

Moeed_0-1721742067828.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!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Reply 1 (1)

Moeed
Shopify Partner
7029 1895 2316

This is an accepted solution.

Hey @golazocases 

 

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>

RESULT:

Moeed_0-1721742067828.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!

- Custom Design | Advanced Coding | Store Modifications