# Images full width on Mobile

**URL:** <https://community.elfsight.com/t/images-full-width-on-mobile/13691>\
**Category:** Customization\
**Tags:** slider\
**Created:** [March 16, 2023, 4:02pm UTC](https://community.elfsight.com/t/images-full-width-on-mobile/13691 "2023-03-16T16:02:01Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Frank11](https://avatars.discourse-cdn.com/v4/letter/f/43a26b/32.png) [@Frank11](https://community.elfsight.com/u/Frank11)\
**Post date:** [March 16, 2023, 4:02pm UTC](https://community.elfsight.com/t/images-full-width-on-mobile/13691/1 "2023-03-16T16:02:01Z")

</div>

- **Issue description:**  
I’d like the images to be full width on mobile, it’s a simple image slider, and I don’t want the images being cropped on mobile.

- **Link to the page with the widget in question:**

> **[New & Used Toyotas for Sale | Strickland's Stratford Toyota](https://www.stratfordtoyota.com/)**
>
> We sell new & used Toyota Cars, Trucks, SUVs, & Vans. At Strickland's Stratford Toyota We're Happy to Help! Vehicle Service & Genuine Toyota Parts.

---

<div class="post-metadata">

**Author:** ![tuanphan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tuanphan/32/3165_2.png) [@tuanphan](https://community.elfsight.com/u/tuanphan)\
**Post date:** [March 16, 2023, 4:15pm UTC](https://community.elfsight.com/t/images-full-width-on-mobile/13691/2 "2023-03-16T16:15:42Z")

</div>

You try adding this code into Custom CSS tab

```auto
@media screen and (max-width:767px) {
.eapp-slider-slider-component div:empty {
    background-size: contain !important;
    background-repeat: no-repeat;
}
.eapp-slider-slider-component.jsx-1053260649 .eapp-slider-slider-slider {
    height: 150px !important;
}
}

```

 ![image-fullwidth](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/2X/d/d37e1a1724a07a27bc4612e422307e6c9cf93554.png)

---

<div class="post-metadata">

**Author:** ![Frank11](https://avatars.discourse-cdn.com/v4/letter/f/43a26b/32.png) [@Frank11](https://community.elfsight.com/u/Frank11)\
**Post date:** [March 16, 2023, 4:23pm UTC](https://community.elfsight.com/t/images-full-width-on-mobile/13691/3 "2023-03-16T16:23:32Z")

</div>

That worked great, thank you so much 🙂

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [March 16, 2023, 5:08pm UTC](https://community.elfsight.com/t/images-full-width-on-mobile/13691/4 "2023-03-16T17:08:26Z")

</div>

Hello guys @Frank11 @tuanphan! @Frank11 welcome to Elfsight Community 🎉

@tuanphan is absolutely right! Thank you so much for your perfect assistance 😍

If anything comes up, please feel free to contact us.

Have a great day 😉

---

<div class="post-metadata">

**Author:** ![Helga](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/helga/32/1155_2.png) [@Helga](https://community.elfsight.com/u/Helga)\
**Post date:** [March 16, 2023, 5:33pm UTC](https://community.elfsight.com/t/images-full-width-on-mobile/13691/6 "2023-03-16T17:33:06Z")

</div>

@tuanphan so happy to see you back! 😍  
Many thanks for your help! 🙌🏻