Pro: lightbox content hidden by footer bar

Support
#1

Hi- on this page: http://staging1.kidsmagicworld.com.au/zxxx/

at the top there are arrows pointing to a video- when clicked it opens up a video

Now on smaller laptop screens- it appears that the bar across the bottom covers that video
On my own large screen it displays great

but on smaller laptop screens the play button is under the footer bar thing and my customers don’t realise they can click anywhere on the video to play

so- how do I make the video lightbox smaller and always be above the footer bar (height wise not z-index)

audios a little out on this video but hopefully it makes it easier to understand

#2

Hello @b960a518-a049-4215-9,

Thanks for writing in and the very detailed post information.

To resolved your issue, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.ilightbox-holder.light .ilightbox-container{
    max-height: calc(100vh - 200px) !important;
}

This code will control the maximum height of the video container and gives some decent space between the video and your footer bar.

We would loved to know if this has work for you. Thank you.

#3

that had no effect on the size of the lightbox

#4

actually Yes I think it did work-

#5

Hey There,

Thanks for letting us know that it has worked for you.
If you need anything else we can help you with, don’t hesitate to open another thread.

Best Regards.

#6

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.