Your address will show here +12 34 56 78


Hi Jenny

Thanks for this. I’d actually solved the problem in a slightly different way by setting padding for the main carousel image. Here’s the CSS I used in the end which works for me. I think this way it’s responsive too. Although I may be wrong on this!

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
height: auto;
max-width: 100%;
padding-bottom: 11%;
line-height: 1;

Here’s what it looks like on my site:

Appreciate you posting your solution. Either of ours may work for others and save someone a bit of a headache in the future:)