• I believe this will fix the masonry issue where blocks/images overlap. Use this in your themes/griffin/assets/js/griffin.js file.

    jQuery(document).ready(function($) {
          $(window).load(function() {
            "use strict";
            $(function() {
                // masonry
                if($('body').hasClass('blog') || $('body').hasClass('search-results') || $('body').hasClass('archive')) {
                    $('#teaser-holder').masonry({
                        itemSelector: '.teaser'
                    });
                    $('#teaser-holder').masonry('bindResize');
                }
                // primary menu
                dropDown();
                $(window).resize(function() {
                    dropDown();
                });
                function dropDown() {
                    var winWidth = $(window).width();
                    if (winWidth > 768) {
                        $('#primary-menu .menu-item-has-children').hover(
                            function() {
                                $(this).find('ul').fadeIn('fast');
                            }, function() {
                                $(this).find('ul').hide();
                          }
                        );
                    }
                }
                // misc
                $('.wp-caption').removeAttr('style');
                $('li.pingback:last').css('margin-bottom','45px');
            });
          });
        });
Viewing 1 replies (of 1 total)
  • Theme Author wpmultiverse

    (@wpmultiverse)

    Hey Beer, thanks for this tip. I have wrapped the masonry code in a $(window).load(function() and submitted a fix to the theme repository which is now live (v1.0.8).

Viewing 1 replies (of 1 total)

The topic ‘Masonry fix’ is closed to new replies.