-
Posts
-
When I put in a content slider or a testimonial, if the content height changes they the whole website below it moves up or down. How do I make it stay static / not move the website as it changes.
Private link to site below.
Thanks
Hi!
You could set the containers to a fixed height, but you are putting yourself in a situation where you would have to write a lot of CSS to maintain the responsiveness of the container for smaller screens. You can use the following if you want to do it anyway:
.avia-content-slider-inner { min-height: 400px !important; max-height: 400px !important; }Best regards,
RikardFYI for other people:
Thanks, I used your code and made this query and it goes responsive under 768 so all the phones are responsive and the tablets and laptops are a set height. I just put this into the Quick CSS spot in Enfold Settings. You will just have to change the height if you dd in too big or all small things.
@media screen and (min-width: 768px) {
.avia-content-slider-inner {
min-height: 300px !important;
max-height: 300px !important;
}
.av-large-testimonial-slider.avia-testimonial-wrapper {
min-height: 220px !important;
max-height: 220px !important;
}
}I put in the code that Rikard supplied but for some reason my testimonial is still shifting the content up and down.
I am not sure what I have done differently. :SHi @Bcunningham,
Could you provide us with a link to the site in question so that we can take a closer look please?
Best regards,
Rikard
- You must be logged in to reply to this topic.