Tagged: Testimonial Slider
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.
Hey eddy0090,
Please try the following in Quick CSS under Enfold->General Styling:
.avia-testimonial-wrapper {
min-height:300px !important;
}
Best regards,
Rikard
Thank you, but does not help for Internet Explorer or mobile devices though… Is there a fix for that?
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
Ok. What about for mobile devices and Ipads?
Hi,
Please try this instead:
.avia-testimonial-wrapper {
height: 300px !important;
min-height:300px !important;
}
Best regards,
Rikard
Does not seem to help for mobile devices. Any other ideas?
Hi,
You need to use media queries if you want it to work properly on mobile devices. :)
Best regards,
Basilis
Can you provide direction on how I would do that?
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