Prevent Bootstrap Menu going Behind Footer

I've designed a Page who has Top Navigation, Slider and Footer. it looks fine on Desktop but when we open/Expand the Menu on Mobile Device, the Menu is going behind the Footer.

Please note that we cannot add extra White Space between Slider and Footer to prevent this as described in this

Following is the Screenshot from Mobile Device:

How can we resolve this? please help

Thanks