Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 20, 2015 at 12:04 am #505990
    hypnorich

    When I put testimonials in mid way through a page I can’t figure out how to stop the content below the testimonials moving up and down toe accommodate the slightly different lengths of the review.
    Is there anything I can do to stop this happening?

    September 20, 2015 at 4:22 pm #506047
    Elliott

    Hi hypnorich!

    Would you like to try giving it a set height via CSS? Send us a link to your page and we’ll take a look.

    Regards,
    Elliott

    September 20, 2015 at 9:17 pm #506140
    hypnorich

    Thanks Elliot! Details below…

    September 21, 2015 at 8:14 am #506255
    Rikard

    Hey,

    I couldn’t see any movement at all on my end, did you manage to fix it?

    Best regards,
    Rikard

    September 21, 2015 at 7:00 pm #506618
    hypnorich

    Hi Rikard,

    No, not fixed unfortunately. I did edit the formatting of the reviews to make them uniform and deleted any that were over 2 lines long (on my laptop screen) but on a mobile the 2 lines are more and the variety does make lower content move up and down.

    I have added a test review which is smaller to be able to illustrate the movement on a full size screen. Hopefully that will help you in figuring out how to stop it.

    If you do figure out what to do to fix it could you let me know so I can apply the same technique to other pages where this happens. Thanks

    September 22, 2015 at 2:43 am #506764
    Josue

    Hey!

    Refer to:
    https://kriesi.at/support/topic/testimonial-pushes-content-down/#post-294766

    Cheers!
    Josue

    September 22, 2015 at 12:47 pm #506978
    hypnorich

    Thanks for the link Josue. I have tried playing around with the minimum height and have had some success with the mobile view of the site (which was where most of the problem was) but the way to fix the mobile situation was to make the minimum 450px. This however means that there is a huge whitespace when I look at the page on my laptop. Is there any way to get a balance between the two?
    Thanks for your help and support

    September 22, 2015 at 12:48 pm #506980
    Yigit

    Hi!

    Please change the code to following one 

    @media only screen and (max-width: 480px) {
#top .avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial {
min-height: 450px;
}}

    Regards,
    Yigit

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