Video lightbox not responsive

[wlewinsm]

Hi there,

Please help me make this responsive.

The video is not being responsive. http://www.tg8.global/training-and-resources/ (the Mike Cupisz - THe ACN System video on right, first video under Training heading)

I have set up the video lightbox using the [x_lightbox selector=".video-player" lightbox_video=“true”] shortcode.

I have also set up the following CSS to show and centre this:
.ilightbox-holder div.ilightbox-container {

margin: 0 auto;
max-width: 644px;
max-height: 363px;
}

.ilightbox-holder.light{
top:76px !important;
left: calc(50% - 340px) !important;
}

[christian]

Hey @wlewinsm,

I clicked the link you described and it redirects to Youtube. Looks like you changed the setup? You should not use CSS as the X Lightbox is already responsive. If it does not work, it means there is something wrong and that needs to be fixed.

Thanks.

[wlewinsm]

Hi there,

The issue was that the X Lightbox was showing full screen (and lower resolution) so I followed your directions on the old forum (to set the lightbox size and centre it).

Do you have a suggestion? I can re-enable it for you to see.

Winston

[nabeel]

Hey Winston,

Regretfully there are no options to customize the lightbox in terms of size as all the attributes are being generated on the run time and according to the screen size, customizing it with custom CSS will break the responsiveness of the lightbox.

Hope this helps!