Fix scrollify to mobile view - Best implementation

<script>
$(document).ready(function(){


if(!(/Android|webOS|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i.test(navigator.userAgent) )) { //if not these devices(userAgents)

  $(function() {
      $.scrollify({
        section: ".scrollify_section",
        sectionName : "section-name",
        easing: "easeOutExpo",
        scrollSpeed: 1500,
        interstitialSection : ".t3-footer",
        scrollbars: true,
        standardScrollElements: "",
	setHeights: true,
	overflowScroll: false,
	updateHash: true,
	touchScroll: false,
        offset : 0,
       

 
//add fade effect to scrollify sections
            before: function()
            {
$.scrollify.update()


 var currentSlide = $.scrollify.current();
            // log the id of slide  
			console.log(currentSlide.context.id);
			
            if (currentSlide.context.id == "slideno2"){
$('#layerslider_12').layerSlider('closePopup');
} 
else if (currentSlide.context.id == "slideno1") {
$('#layerslider_12').layerSlider('openPopup');
}
else if (currentSlide.context.id == "slideno3") {
$('#layerslider_12').layerSlider('openPopup');
}
else if (currentSlide.context.id == "slideno4") {
$('#layerslider_12').layerSlider('openPopup');
}
            },


//need 3 to work
 });
 });
}





});
</script>