[Support request] Masonry grid overlapping

[jazze]

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

[jazze]

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

[David]

Hi there,

can you disable Autoptimize so i can take a closer look

[jazze]

Autoptimize disabled now.

[David]

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/

[jazze]

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

[David]

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;
}

[Author]

Posts