Help with website project - image slider

Hello,

I’m currently trying to put together a blog and I’ve just created an image slider for it. The problem I’m having is that when you resize the window, both of the arrows on the picture move with the window. I am trying to get them to stay fixed on the picture, about 10% in from the left and right borders. I’ve attached a link.

https://codepen.io/jamiegaskell89/pen/bGqNwEY

Cheers!

It seems to work for me if I set #slider{ width: 30%; } (I deleted height) and remove/comment out the #slider in the @media query.

Perfect thanks, I thought it would probably be something simple!

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.