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

Solved

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

ismayelyan
Visitor
2 0 0

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!

Accepted Solution (1)
Zeel-prajapatii
Shopify Partner
138 32 27

This is an accepted solution.

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;
}
}
➔ Was I helpful , please don't forget to like and mark solution as an accepted solution , you can PM me.
➔ Software engineer : Having more than 3 years of experience in the related industry with the specialization of Shopify theme development , worked on hundreds of stores.
➔ Want to hire me? Email me

View solution in original post

Replies 3 (3)

Zeel-prajapatii
Shopify Partner
138 32 27

Hey @ismayelyan 

 

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

 

Thanks

 
➔ Was I helpful , please don't forget to like and mark solution as an accepted solution , you can PM me.
➔ Software engineer : Having more than 3 years of experience in the related industry with the specialization of Shopify theme development , worked on hundreds of stores.
➔ Want to hire me? Email me
ismayelyan
Visitor
2 0 0

Yes, here it is.

 

https://radiantcosmetics.com

 

Thanks!

Zeel-prajapatii
Shopify Partner
138 32 27

This is an accepted solution.

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;
}
}
➔ Was I helpful , please don't forget to like and mark solution as an accepted solution , you can PM me.
➔ Software engineer : Having more than 3 years of experience in the related industry with the specialization of Shopify theme development , worked on hundreds of stores.
➔ Want to hire me? Email me