Posted 09 October 2012 - 01:33 PM
I changed height and width of the feature slider with the following code. But now it is not responsive any more.
How can I fix this?
Posted 09 October 2012 - 02:24 PM
Posted 09 October 2012 - 03:51 PM
Here is the code I used:
I also attached an image of how it's supposed to look.
Posted 10 October 2012 - 03:39 AM
If you have an image of 1000x330px and cut the slider down to 80%, all it means is that you're telling the slider to show 80% of the slide. It doesn't rescale the slide itself. The Aspect setting should resize however, it's going to be proportional, and will shrink the height. The best method, in my humble opinion is to redesign the slides to meet the width, with lots of built in padding in the image.
Posted 10 October 2012 - 01:27 PM
Now all I need to do is to center the slider. The code Catrina suggested did not work. Any suggestions?
Posted 10 October 2012 - 07:39 PM
So now the images resize to fit the slider container and they are responsive.
But now when you load the page the slider first loads in a bigger size and with images cut off on the right and then jumps to the right size.
I also still need to center it.
Posted 10 October 2012 - 10:49 PM
Unfortunately, centering is not something easily done. The normal method would be to add margin space left and right and as Catrina pointed out, set to auto. Doing this however, loses the responsiveness. I think you have to weigh the importance of the centering versus the import of the responsiveness. Personally, I'd recommend the latter.