Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 16, 2014 at 12:52 am #224432
    gentlemansgazette

    I am using your testimonial element of the advanced layout editor on my homepage.
    The problem I am having, is that the testimonials are of different length and the size of the box of the testimonial adjusts every 5 seconds.
    On a computer screen it moves the content below just a few lines but on a small device like a phone it bumps everything below the testimonials up and down considerably.
    Is there a way to fix that?

    Go to my homepage, scroll underneath the testimonials and check the sequence for 30 seconds so you know what I mean.

    Thanks

    February 17, 2014 at 7:27 am #224798
    Ismael

    Hey gentlemansgazette!

    That is how it’s supposed to work. You can set a minimum height for the testimonial content but I don’t think it will look good. Add this on Quick CSS:

    @media only screen and (max-width: 767px) {
.main_color .avia-slider-testimonials .avia-testimonial-content {
min-height: 200px;
}
}

    You can adjust the min-height value to decrease the bump somehow.

    Cheers!
    Ismael

    February 19, 2014 at 12:54 am #225842
    gentlemansgazette

    Thanks, I added this to the quick css, emptied the cache etc. but I can’t see any changes…

    February 19, 2014 at 7:52 am #225984
    Ismael

    Hi!

    We suggest that you hire a freelance developer if you want to change how the testimonial bump the content below. The suggested code above should increase the testimonial content container height and prevent huge bump on slide transition. Try this for bigger screen size:

    @media only screen and (max-width: 1024px) {
.main_color .avia-slider-testimonials .avia-testimonial-content {
min-height: 200px;
}
}

    Best regards,
    Ismael

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