I would like to move the position of the slider arrows on my products/ collections from inside the image to outside the image so it is not covering parts of it (picture attached). I am currently using the Debut Theme with scss code. I am using the Slick Slider and have seen other post of moving arrows, but haven’t had any luck with my case. Any help is appreciated.
1 Like
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community! 
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
Hi, @KetanKumar . This is my current live site https://schoolposters.com/collections/all/products/p9103-pbis-poster-package. Thank you for your quick response and help!
1 Like
this issue on mobile device right?
1 Like
@KetanKumar It is on both desktop and mobile. The screenshot is from desktop.
1 Like
thanks for confirm but i can’t see now any arrows mobile and desktop as well can you show m again
@KetanKumar Sure. This is an example page on the site https://schoolposters.com/collections/poster-packages/products/p9103-pbis-poster-package. When you want to scroll through the products in this set the arrows are showing on top of the image in the middle (circled in red). I would like for them to be on the side of the image so they don’t block anything.
@KetanKumar That’s interesting. I am looking on my PC on Google Chrome and Microsoft Edge and still have the arrows on the image. My coworker also has the arrows on the image when we checked. What are you checking the page on? Thanks!