There is a conflict somewhere between the lightbox script you are currently using and the dmx smooth-scroll script. If you comment out the smooth-scroll script it doesnt happen.
A sticking plaster solution as you seem to require smooth scroll on the page for the ‘Contact’ section - add your own smooth-scroll jQuery at the end of your document (just for that page) AFTER the link to the bootstrap.min.js file
<script>
$(document).ready(function(){
$('a[href*="#"]:not([href="#"])').click(function() {
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
if (target.length) {
$('html, body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
</script>
HOWEVER that won’t work unless you also include the FULL jQuery library instead of the slim library you have currently linked. Below is a link to the full jQuery library although I would recomend getting the link directly from a CDN source as that will include all the other security garble you should include in the link.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
Remove or comment out the dmx smooth-scroll script on the page.
The problem with using scripts sourced from different providers or those that are free is that there is a possibility that conflicts can happen.
Your code needs some care and attention really as it has additional tags on line No 254, that might even be attributing to the issue, but I doubt it. Plus Im sure you would really want to group the dmx js files all together and move the css file to a more appropriate location.
Maybe dmx has a better/simpler solution to negate the conflict problem - scrolling to the top of the page seems to happen if you click on the next/previous arrows included at either end of the strip of images too.