Site logo

Archived topic

Masonry grid overlapping

6 replies · Started by jazze on May 18, 2020

Viewing posts 1–7 of 7

If i use masonry grid and infinite scroll with or without load more button. Posts overlapping, when loading more posts.

If you use mobile phone or tablet, when all posts are in one column.

Hi there,

can you disable Autoptimize so i can take a closer look

Autoptimize disabled now.

If you clear your devices browser cache you will see it is working ok.
Which means that one of the options in Autoptimize is probably creating an issue.

Try the autoptimize settings we provided here:

https://generatepress.com/fastest-wordpress-theme/

The phone's Chrome browser works but the Edge doesn't.

Can't see why Edge would behave any differently - did it work without Autoptimize enabled and its cache cleared?

If not - try adding this function:

add_filter( 'option_generate_blog_settings', 'db_disable_masonry_mobile' );
function db_disable_masonry_mobile( $options ) {
    if ( wp_is_mobile() ) {
	$options['masonry'] = false;
    }
  
    return $options;
}
This archived topic is closed to new replies.