# Define Height of Module for Mobile

**URL:** <https://community.elfsight.com/t/define-height-of-module-for-mobile/6515>\
**Category:** Slider\
**Tags:** Released\
**Created:** [May 18, 2020, 3:14pm UTC](https://community.elfsight.com/t/define-height-of-module-for-mobile/6515 "2020-05-18T15:14:50Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![M11](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/m11/32/1062_2.png) [@M11](https://community.elfsight.com/u/M11)\
**Post date:** [May 18, 2020, 3:14pm UTC](https://community.elfsight.com/t/define-height-of-module-for-mobile/6515/1 "2020-05-18T15:14:50Z")

</div>

Currently, the px setting for height applies to both desktop and mobile. However, due to the different layout and pixel ratios this setting does not look good on mobile. A separate setting would be appreciated.

I have received a code as workaround from support that I am sharing in case you want to try it out (put next to the install code):

@media(max-width: 500px){ .eas-slider-slider{ height: 500px !important; } }

---

<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:** [October 11, 2022, 12:00am UTC](https://community.elfsight.com/t/define-height-of-module-for-mobile/6515/2 "2022-10-11T00:00:00Z")

</div>

Folks, our former Wishlist portal, where our users shared their requests and suggestions, was transferred to this forum. You’re most welcome to vote, add new ideas, and leave your comments here — we surely will consider them all! 🤩

Original Votes: 11

---

<div class="post-metadata">

**Author:** ![ElfsightBot](https://avatars.discourse-cdn.com/v4/letter/e/ecd19e/32.png) [@ElfsightBot](https://community.elfsight.com/u/ElfsightBot)\
**Post date:** [October 29, 2021, 12:00am UTC](https://community.elfsight.com/t/define-height-of-module-for-mobile/6515/3 "2021-10-29T00:00:00Z")

</div>

Original comment from James Taylor transferred from the previous Wishlist portal:

> [@](#):
>
> this creates a big open white space underneath the slider for me, is there anyway to change this with css? TIA

---

<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:** [November 1, 2021, 12:00am UTC](https://community.elfsight.com/t/define-height-of-module-for-mobile/6515/4 "2021-11-01T00:00:00Z")

</div>

Hello folks!

James, please feel free to contact our Support Team - they will be happy to look into the issue and find the best solution 🙂

---

<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:** [May 28, 2024, 9:59am UTC](https://community.elfsight.com/t/define-height-of-module-for-mobile/6515/5 "2024-05-28T09:59:27Z")

</div>

While Elfsight Team is working on this feature, you can also use the following CSS code:

```auto
@media (max-width: 500px) {
.global-styles, .eapp-slider-slider-slider {
height: 60vh!important;
}
}

```

---

<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:** [September 19, 2024, 11:38am UTC](https://community.elfsight.com/t/define-height-of-module-for-mobile/6515/6 "2024-09-19T11:38:08Z")

</div>

Split this topic on September 19, 2024, 11:38am UTC

A post was split to a new topic: [Adjust the height of the slider on mobile](https://community.elfsight.com/t/adjust-the-height-of-the-slider-on-mobile/71219)

---

<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:** [December 4, 2024, 2:32pm UTC](https://community.elfsight.com/t/define-height-of-module-for-mobile/6515/9 "2024-12-04T14:32:13Z")

</div>

Hey everyone 👋

An option to set the height on mobile devices is finally here!

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/2/c/2cd73956ddcae7bfe9fbfa70032815e82538870c.png)

  

There were some more updates in the Slider widget, and you can find more details in this post - [Slider: Set height on mobile devices, height by Content setting +1 more update! 🔥](https://community.elfsight.com/t/slider-set-height-on-mobile-devices-height-by-content-setting-1-more-update/86957)