I NEED CSS CODE FOR ENFOLD THEME REDUCE STRETCHED IMAGE ON MOBILE VIEW FOR EASY - Support

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
February 27, 2025 at 9:28 pm #1478165

bemodesign
Participant

HELLO, I NEED CSS CODE TO REDUCE STRETCHED IMAGE ON MOBILE VIEW FOR EASY SLIDER

THANKS!

Reign Masonry | Scottsdale Masonry Contractors & Retaining Wall Experts

February 28, 2025 at 4:50 am #1478185
Ismael
Moderator
Hey bemodesign,

Thank you for the inquiry.

Did you add this css code?
```
.responsive #top .avia-slideshow-inner, .responsive #top .avia-slideshow-inner img {
    height: 550px !important;
}
```
Please remove css rule or override it with:
```
.responsive #top .avia-slideshow-inner, .responsive #top .avia-slideshow-inner img {
    height: auto !important;
}
```
Let us know the result.

Best regards,
Ismael
February 28, 2025 at 5:12 am #1478189

bemodesign
Participant

I already tried that. But once I remove that code , the main home page slider image gets shrunk and the words get cut off.

February 28, 2025 at 9:22 am #1478218

Rikard
Keymaster

Hi,

Thanks for the update. Could you copy the content to a test page so that we can see the actual problem please?

Best regards,
Rikard

March 1, 2025 at 3:49 am #1478281

bemodesign
Participant

Not sure what you mean, but with the code the top home page Full width slider looks perfect, but theEasy slider that is lower on the page is stretched. The CSS code must effect both of the slider. see screenshots. is there a code to just adjust either one?

https://img.savvyify.com/image/top-full-width-slider-with-code-is-good.9A5Dp
https://img.savvyify.com/image/top-full-width-slider-if-I-remove-code.9A0Pz
https://img.savvyify.com/image/stretched-easy-slider.9AD7h

And this is the current code: I can’t remove it or the top of the home page gets cut off.
@media only screen and (max-width: 768px) {
.responsive #top .avia-slideshow-inner, .responsive #top .avia-slideshow-inner img {
height: 550px !important;
}

March 1, 2025 at 9:30 pm #1478360

bemodesign
Participant

Let me know when you can. thanks again

March 3, 2025 at 4:40 am #1478416
Ismael
Moderator
Hi,

Try to replace the css rule with this:
```
.responsive #top .avia-slideshow-inner, .responsive #top .avia-slideshow-inner img {
    height: 550px !important;
    object-fit: cover;
}
```
This will partially cut off the images but will prevent them from getting distorted.

Best regards,
Ismael
March 3, 2025 at 7:07 pm #1478485

bemodesign
Participant

thanks!
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘I NEED CSS CODE FOR ENFOLD THEME REDUCE STRETCHED IMAGE ON MOBILE VIEW FOR EASY’ is closed to new replies.