-
Posts
-
Can you get me CSS code to reduce the stretch of the Easy Sliders on my home page? But need to be careful because I need the stretched image for the Top Full Width Slider images. Last time the code reduced both. I just need the Easy Sliders reduced. Here is screenshot of long images: https://img.savvyify.com/image/Screen-Shot-2025-04-24-at-9.20.36-PM.9qqfd
This same thing happened on this support thread, but it won’t fix this current issue. Here is the old thread: https://kriesi.at/support/topic/i-need-css-code-for-enfold-theme-reduce-stretched-image-on-mobile-view-for-easy/
This code didnt work:
.responsive #top .avia-slideshow-inner, .responsive #top .avia-slideshow-inner img {
height: auto !important;
}.responsive #top .avia-slideshow-inner, .responsive #top .avia-slideshow-inner img {
height: 450px !important;
object-fit: cover;
}The Easy Slider on the 3 property pages are stretched also. I could reduce this code, and then it fixes the stretch of the Easy Sliders, but then it makes the home page Full Width Slider ‘not’ stretched like I want.
@media only screen and (max-width: 768px) {
.responsive #top .avia-slideshow-inner, .responsive #top .avia-slideshow-inner img {
height: 450px !important;
}
}Hi,
Thanks for the update. lease open a new thread if you should have any further questions or problems.
Best regards,
Rikard
- The topic ‘STRETCHED IMAGE ON MOBILE VIEW FOR EASY SLIDER’ is closed to new replies.