Slider - mobile view and video not scaling issue

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.

1 Like

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%);
  }
}

Great thanks Max, will give it a try now.

Best

Martin

1 Like

Hi Max,

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

Cheers

Martin

1 Like

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: