Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • June 20, 2018 at 1:37 am #975047
    ballindigital

    Hi,

    I’m having issues trying to resolve the issue of the page jumping up and down due to different testimonial lengths.

    I’ve searched the forums and have found some solutions but have tried them to no avail..

    The website in question is https://www.multiplumb.co.uk

    I want it to be a responsive solution too.

    How can I fix this?

    In website user tests this was always pointed out as an annoying flaw in the website..

    Thanks,

    Harvinder

    June 20, 2018 at 3:05 am #975055
    Mike

    Hey ballindigital,
    I added this css to your WordPress > Customize > Additional CSS
    Please clear your browser cache and check.

    @media only screen and (max-width: 767px) { 
#top.home .avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial-row .avia-testimonial {
height: 80vh !important; 
min-height: 80vh !important; 
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) { 
#top.home .avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial-row .avia-testimonial {
height: 50vh !important; 
min-height: 50vh !important; 
}
}
@media only screen and (min-width: 1024px) { 
#top.home .avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial-row .avia-testimonial {
height: 30vh !important; 
min-height: 30vh !important; 
}
}

    Best regards,
    Mike

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.