How to fix Flickity button next from going off screen?

[Anonymous]

On my homepage my flickity buttons for featured collections go off the page. Does anyone know how to stop this from happening as it's messing up the homepage going off screen. It's the same for all three featured collections on the homepage. See here:

https://directcomputers.co.uk/ 

[KetanKumar · Accepted solution]

@Anonymous 

sorry for that 

can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

@media screen and (min-width: 1510px) {
.featured-collection__content .flickity-button.previous { left: -20px ; }
.featured-collection__content .flickity-button.next { right: -20px ; }
}

[Anonymous]

Thank you for that! Really appreciate it all fully working now.

Joshua.

[KetanKumar]

@Anonymous 

its my pleasure to help us 

[Anonymous]

Do you know how i can make the boxes wider on mobile so that the description can be read easier?

It's these boxes:

[KetanKumar]

@Anonymous 

that was proper proposal as per device don't any change it work perfect