Slider - mobile view and video not scaling issue

Ask the Community Customization
1

Hi wondered if anyone had a work around for the slider widget. Basically I have a video playing in the background on one of the slides, the desktop beautifully scales to full Fram, however on mobile its fitting to width only rather than height so I’m left with a small video playing with heaps of background space around it. If anyone knows how to solve this that would be awesome.

Screenshot 2025-04-11 at 12.09.03
Screenshot 2025-04-11 at 12.09.03886×1468 96.5 KB

1 Like
3

Hey there, @Martin_Steel and welcome to the Community :wave:

Please try to use this code in the Custom CSS field on the Settings tab of your widget’s settings and let me know if it helped :slightly_smiling_face:

@media(max-width: 768px) {
  .eapp-slider-background-videoOuter {
    width: calc(250% / 0.56);
    left: 50%;
    transform: translateX(-50%);
  }
}
4

Great thanks Max, will give it a try now.

Best

Martin

1 Like
5

Hi Max,

That worked a treat, many thanks for your super quick response.

Cheers

Martin

1 Like
6

It’s my pleasure :wink:

In the meantime, I’d like to remind you about our Giveaway, where you can win 3 FREE months for your subscription.

Check the details and join in - April Giveaway: Celebrate 80K Members with Us & Win 3 FREE Months! :heart_eyes: