my footer.php is wrapped in a div somehow

[Boris]

Hi guys, sorry for the wierd title but I have no idea what’s going on here.
I have a problem with my lightbox, Blueimp Gallery in my theme.
here is one of the pages Im talking about
The gallery does not work on small screens <721px.
On some other forum i was suggested to move the #blueimp-gallery div outside of it’s container <div></div>.
I tried to do it and found out that it is somehow wrapped in there and I have no idea how!?
here is my footer.php

<?php
/**
 * The template for displaying the footer.
 *
 * Contains footer content and the closing of the
 * #main and #page div elements.
 *
 * @package WordPress
 * @subpackage BuddyBoss
 * @since BuddyBoss 3.0
 */
?>
	</div><!-- #main .wrapper -->
</div><!-- #page -->
	<div class="container-fluid">
		<footer>
	        <div class="logo-footer">
	        	<img class="img-rounded img-responsive logo-footer" src="<?php bloginfo('stylesheet_directory'); ?>/images/logo_military_scale_modelling.png" alt="Logo Military Scale Modelling">
	        </div>
	        <p class="copyright">
	        	&copy; Military Scale Modelling <?php echo date('Y'); ?>
	        </p>
	    </footer></div>
	<div>
	
    <?php wp_footer(); ?>

	<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
	    <!-- The container for the modal slides -->
	    <div class="slides"></div>
	    <!-- Controls for the borderless lightbox -->
	    <h3 class="title"></h3>
	    <a class="prev">‹</a>
	    <a class="next">›</a>
	    <a class="close">×</a>
	    <a class="play-pause"></a>
	    <ol class="indicator"></ol>
	    <!-- The modal dialog, which will be used to wrap the lightbox content -->
	    <div class="modal fade">
	        <div class="modal-dialog">
	            <div class="modal-content">
	                <div class="modal-header">
	                    <button type="button" class="close" aria-hidden="true">&times;</button>
	                    <h4 class="modal-title"></h4>
	                </div>
	                <div class="modal-body next"></div>
	                <div class="modal-footer">
	                    <button type="button" class="btn btn-default pull-left prev">
	                        <i class="glyphicon glyphicon-chevron-left"></i>
	                        Previous
	                    </button>
	                    <button type="button" class="btn btn-primary next">
	                        Next
	                        <i class="glyphicon glyphicon-chevron-right"></i>
	                    </button>
	                </div>
	            </div>
	        </div>
	    </div>
	</div>

  </body>
</html>

Do you guys have any idea? my scripts are wrapped in that div as well!
Thanks guys!

[Alyssa]

@boris-kamp anything under 721px is considered mobile when using BuddyBoss. We also use a scrolling div once the screen size is below this. To compensate try taking this code outside of the main-wrap div, for some reason it is still within it. Check your divs one by one to make sure they are closed properly.

[Boris]

@tjchester,

thanks! seemed my #main-wrap div was not closed properly!!
Should have checked that myself before posting here.
Thanks!

[Alyssa]

No problem, glad to help 🙂