Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1033611

    I have a testimonial, if the content height changes the whole website below it moves up or down. How do I make it stay static / not move the website as it changes.

    Website link in private content

    Thank you.

    #1033837

    Hey eddy0090,

    Please try the following in Quick CSS under Enfold->General Styling:

    .avia-testimonial-wrapper {
      min-height:300px !important;
    }

    Best regards,
    Rikard

    #1034052

    Thank you, but does not help for Internet Explorer or mobile devices though… Is there a fix for that?

    #1034952

    Hi,

    Yea unfortunately older version of IE do not support the min-height properly.
    There can be other ways, but would require JS and thta is outside of our Support Policy.

    Best regards,
    Basilis

    #1034955

    Ok. What about for mobile devices and Ipads?

    #1035399

    Hi,

    Please try this instead:

    .avia-testimonial-wrapper {
      height: 300px !important;
      min-height:300px !important;
    }

    Best regards,
    Rikard

    #1035628

    Does not seem to help for mobile devices. Any other ideas?

    #1037377

    Hi,

    You need to use media queries if you want it to work properly on mobile devices. :)

    Best regards,
    Basilis

    #1038576

    Can you provide direction on how I would do that?

    #1039005

    Hi eddy0090,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

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

    If you need further assistance please let us know.

    Best regards,
    Victoria

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