# Mobile Responsible - slider

**URL:** <https://community.elfsight.com/t/mobile-responsible-slider/122051>\
**Category:** General Questions\
**Tags:** slider\
**Created:** [May 21, 2025, 7:00pm UTC](https://community.elfsight.com/t/mobile-responsible-slider/122051 "2025-05-21T19:00:14Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Rachel6](https://avatars.discourse-cdn.com/v4/letter/r/96bed5/32.png) [@Rachel6](https://community.elfsight.com/u/Rachel6)\
**Post date:** [May 21, 2025, 7:00pm UTC](https://community.elfsight.com/t/mobile-responsible-slider/122051/1 "2025-05-21T19:00:14Z")

</div>

How do I fix the slider images to be mobile responsive? It’s cutting the images/text off on mobile even after i’ve adjusted the height.

([https://www.thepittsburghbachelorette.com/](https://www.thepittsburghbachelorette.com/))

---

<div class="post-metadata">

**Author:** ![Sina](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/sina/32/59970_2.png) [@Sina](https://community.elfsight.com/u/Sina)\
**Post date:** [May 21, 2025, 9:22pm UTC](https://community.elfsight.com/t/mobile-responsible-slider/122051/2 "2025-05-21T21:22:50Z")

</div>

Hi @Rachel6  
Have you tried combining height and a stretched background?  
Your images are very wide. For mobile viewing, you’re losing a lot of height to gain width.

 ![grafik](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/7/d/7d6e70ad8ac374001b949c413e75de7d074687b5.png)

You can test this by adding this code to the custom CSS section to see where the widget’s border would be at 90% width.

```auto
@media(max-width: 480px) {
  .eapp-slider-slider-component {
    width: 90% !important;
  }

```