Tagged: testimonials
Hello,
I’m working with the testimonials element and noticing that it pushes the content down and up depending on how many lines of text it needs.
This becomes very distracting on mobile as the rest of the page keeps moving up and down on the screen…
I’ve tried putting the longest testimonial first, to see if it would start with a larger <div> but no luck…
Do you see any solutions to this?
Thank you for any help :)
Hi jakejules!
Try adding this to your custom CSS.
.avia-testimonial-row {
max-height: 300px;
min-height: 300px;
}
@media screen and (max-width: 767px) {
.avia-testimonial-row {
max-height: 300px !important;
min-height: 300px !important;
}
}
The second set is it’s height for mobiles.
Regards,
Elliott