Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Graham Davidson
Graham Davidson
Courses Plus Student 14,966 Points

Hi I am having a bit of CSS issue with this site www.keithmadden.co.uk and wondering if anyone can help.?

Hi

I am having a bit of CSS issue with this site www.keithmadden.co.uk and wondering if anyone can help.?

When I click on Film on an IPAD the images in the slideshow do not quite fit - they are cutting part of the image off on the right hand side.

Does anyone know why this might be.

G

2 Answers

Craig Watson
Craig Watson
27,930 Points

Hi Graham,

This looks like a issue with your slider JS to be honest, I know one of the setting of a slider I use recently had the option to do something similar.

Sliders can often create a large element and hide the overflow simply using css to re-position on the click of an arrow.

In your case it seems very much like this but at the expense of loosing half an image in the process.

May I recommend using slick I use this whenever possible for sliders because of itts versatility mainly. The settings are vast and it handles responsive design very well.

If you are more comfortable sticking with what you have I would suggest referring to your sliders docs and see what settings can be changed :)

Hope this helps and if you choose slick and need help let me know :)

Craig

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,254 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,254 Points

Looks all good to me. :)

The cutoff on the main page is simply the group of draggable images being too big for the content but unless I'm missing something, it looks good and works fine.