How can I add arrows to the announcement bar in code?

Shopify Discussion
1

Hello,

I was looking to bring in the arrows on the announcement bar. Is there a way I can go into the existing code and edit the width? If yes, can you please help with the steps?

Thank you!

2

Hey @ismayelyan

Could you please give your website URL? It will make it much easier for me to address your problem.

Thanks

3

Yes, here it is.

https://radiantcosmetics.com

Thanks!

4

Hey @ismayelyan you can add the below css to “base.css” file.

.websensepro-swiper-button.swiper-button-prev{
 left:35%;
}
.websensepro-swiper-button.swiper-button-next {
    right: 35%;
}
@media screen and (max-width:768px){
.websensepro-swiper-button.swiper-button-prev{
 left:auto;
}
.websensepro-swiper-button.swiper-button-next {
    right: auto;
}
}
1 Like