Slider height makes page jump when it changes

I have a lot of text in slider. It makes all the sliders different heights. This makes the bottom of the page jump to adjust to the height each time the slide changes. How can I make all the sliders the same height and stop the jumping?

I tried fixing the container height, but that didn't seem to work.

Thanks
Ed

 

Hello,

Could you please share us your website link so that we can check your issue.

 

http://duijoe.com is the website.

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#slides {
height: 506px;
}

This will solve your issue.


Thanks & Regards
Gourav Shrivastava

 

It did stop the page from jumping. It might be good to also set the height on the text area as well, so that the navigation buttons don't jump. I can live with this solution, but if there is a better solution, please let me know.

Thanks
Ed

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

#slide-box {
height: 430px;
}
 

This will solve your issue.

 

Thank you. That fixed the problem.