stretched images on mobile view - Support | Kriesi.at

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

Author

Posts
September 17, 2025 at 2:55 am #1489289

bemodesign
Participant

I think that my CSS code is stretching out my interior page image sliders.

when I remove this code, the Easy Slider looks perfect on mobile, but then the Homepage main image is short and cut off.

how can I get code to make the home page main image longer and fix with the buttons, and also have the Easy Slider look proportional?

here is the code I had to remove to make Easy slider look right, but home is too short now:

@media only screen and (max-width: 768px) {
.responsive #top .avia-slideshow-inner, .responsive #top .avia-slideshow-inner img {
height: 450px !important;
}
}

September 17, 2025 at 4:38 am #1489290

Ismael
Moderator

Hey bemodesign,

Thank you for the inquiry.

We may need to view the site to properly inspect the issue. Please create a test page, then provide the login details in the private field.

Best regards,
Ismael

September 17, 2025 at 4:53 am #1489293

bemodesign
Participant

I just need the homepage to look good on mobile. Right now it is too short and cuts off the button and words, after I removed that code.

can you get me css code to help home page main image, without stretching all the interior page Easy Sliders?

https://img.savvyify.com/image/Screen-Shot-2025-09-16-at-7.50.56-PM.yllj1

here is admin access.

September 17, 2025 at 5:23 am #1489297
Ismael
Moderator
Hi,

Thank you for the info.

You can try this css code to adjust the height of the slider on smaller screens.
```
@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  #top #wrap_all .av-k5zwtv35-b503e223437d26141b6108faf533b96b .avia-slideshow-inner {
    height: 80vh !important;
  }

  #top #wrap_all .av-k5zwtv35-b503e223437d26141b6108faf533b96b .avia-slideshow-inner li,
  #top #wrap_all .av-k5zwtv35-b503e223437d26141b6108faf533b96b .avia-slideshow-inner li div,
  #top #wrap_all .av-k5zwtv35-b503e223437d26141b6108faf533b96b .avia-slideshow-inner li div img {
    height: 100%;
    object-fit: cover;
  }
}
```
Result:

Best regards,
Ismael
September 17, 2025 at 5:54 am #1489301

bemodesign
Participant

thanks!

September 17, 2025 at 6:21 am #1489302

Ismael
Moderator

Hi,

No problem! Let us know if you have more questions. Have a nice day.

Best regards,
Ismael
Author

Posts

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

The topic ‘stretched images on mobile view’ is closed to new replies.