Define Height of Module for Mobile

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; } }
2 Likes

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! :star_struck:

Original Votes: 11

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

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 :slightly_smiling_face:

1 Like

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

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

A post was split to a new topic: Adjust the height of the slider on mobile

Hey everyone :wave:

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


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! πŸ”₯

1 Like