fixed masonry for productions

sites/all/themes/custom/edlptheme/assets/dist/scripts/main.min.js

@@ -684,7 +684,8 @@
         $('<div>')
           .addClass('block random-player')
           .append(this.$btn)
-          .insertAfter('#block-userlogin, #block-studiolinkblock');
+          // .insertAfter('#block-userlogin, #block-studiolinkblock');
+          .prependTo('.region-footer-right');
 
         // events
         this.$btn.on('click', this.toggleActive.bind(this));
@@ -1016,14 +1017,20 @@
         horizontalOrder: true,
         containerStyle: null,
         // disable initial layout
-        initLayout: false,
+        // initLayout: false,
       });
       // bind event
       // $grid.masonry( 'on', 'layoutComplete', function() {
       //   console.log('layout is complete');
       // });
+
+      // layout Masonry after each image loads
+      $grid.imagesLoaded().progress( function() {
+        $grid.masonry('layout');
+      });
+
       $grid.imagesLoaded(function(){
-        $grid.masonry();
+        $grid.masonry('layout');
       });
     };
 

sites/all/themes/custom/edlptheme/assets/scripts/main.js

@@ -684,7 +684,8 @@
         $('<div>')
           .addClass('block random-player')
           .append(this.$btn)
-          .insertAfter('#block-userlogin, #block-studiolinkblock');
+          // .insertAfter('#block-userlogin, #block-studiolinkblock');
+          .prependTo('.region-footer-right');
 
         // events
         this.$btn.on('click', this.toggleActive.bind(this));
@@ -1016,14 +1017,20 @@
         horizontalOrder: true,
         containerStyle: null,
         // disable initial layout
-        initLayout: false,
+        // initLayout: false,
       });
       // bind event
       // $grid.masonry( 'on', 'layoutComplete', function() {
       //   console.log('layout is complete');
       // });
+
+      // layout Masonry after each image loads
+      $grid.imagesLoaded().progress( function() {
+        $grid.masonry('layout');
+      });
+
       $grid.imagesLoaded(function(){
-        $grid.masonry();
+        $grid.masonry('layout');
       });
     };