Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • January 28, 2016 at 3:54 am #573450
    geeks4rent

    Good Day,

    I am wondering if you could explain how I can keep the page from shifting up and down as a rotating quote box fills with text that varies in length from quote to quote.

    See the quote on: http://serrystestserver1.info/bob1/strengthsfinder-keynote-and-workshops/ Scroll to bottom of page and watch the page dance up and down as the quotes rotate.

    Any ideas on how to fix this on desktop that will also work in mobile are greatly appreciated.

    Thanks,
    Brett

    January 29, 2016 at 7:58 am #574357
    Ismael

    Hi geeks4rent!

    Thank you for using Enfold.

    Are you testing this on a small laptop? What is the screen resolution of the monitor? The screen resolution of my monitor is 1600x900px so I don’t see the page shifting up or down due to the testimonial element’s rotation. However, if I decrease the browser size, the page shifts relative to the rotation. Edit the color section then add a unique id in the Section ID field. Use “custom-section” for example and then apply a minimum height to the color section’s testimonial wrapper to prevent the page shift: 

    #custom-section .avia-testimonial-wrapper {
    min-height: 700px;
}

    We can use css media queries if you want to apply the css style to specific screen sizes.

    Regards,
    Ismael

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