How do i remove these arrows from my announcement bar?

Shopify Discussion
1

Joseph2_0-1728624892358.png

Joseph2_1-1728624917513.png

Joseph2_2-1728624933455.png
Joseph2_2-1728624933455.png853×239 13.3 KB

For some reason when i go to my home page the arrows are on both ends of the announcement bar however when i click on my product, the arrows move into the middle and have these white dots around them, how do i get rid of these as they are covering the words up? theme is refresh version 15.2.0 and shop link is https://portaskis.myshopify.com/ thanks in advance

2

Hello @Joseph2
Go to online store ---------> themes --------------> actions ------> edit code------->assets----->component-slider.css
add this code at the end of the file and save.

.icon.icon-caret {
display: none !important;
}

result

8.png

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

3

Hey @Joseph2

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 tag

RESULT:

Moeed_0-1728626233404.png
Moeed_0-1728626233404.png1896×100 5.26 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
4

hey @GTLOfficial

this has removed the arrows however when you click on the product the white dots are still there as shown below, do you know why that is?

Joseph2_0-1728629994635.png

5

Hey its worked, thank you very much :slightly_smiling_face:

1 Like
6

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.