Bootstrap Carousel height causes page to jump

Joe Darrer
asked 8 years ago

Hi, I have a carousel embedded on a page but the images are not the same height. As a result of this the page continuously jumps which makes the page heard to read.

Any suggestion as to where I can amend this so the carousel determines the height of the tallest one and make this the fixed height?

Thanks for the support.

1 Answers

DominicStaff
answered 8 years ago

Please send me your site URL, I will check and help you resolve this issue.

Joe Darrer
replied 8 years ago

Thanks Dominic – You can see the page here with the issue: http://joeblogsixd.com/category/my-friends-other-things/

Dominic Staff
replied 8 years ago

I have checked your site and see that it’s issue come from the height of the image, to resolve this issue you should use the same image size. If you want to change the image size, I can help you via CSS but it will make image broken.
You can try the following code:

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
height: 500px;
}