mobile hamburger on the next row

Hi there,

your logo is being lazy loaded - and the placeholder is larger then required, which is causing the issue.

Most lazy loaders have an option to exclude images by filename of CSS class.
As you're using 3.0 you can exclude this CSS Class: is-logo-image

Thanks for the prompt reply, David.

I am using WP rocket for lazyload
https://docs.wp-rocket.me/article/15-disabling-lazy-load-on-specific-images

function rocket_lazyload_exclude_class( $is-logo-image) {
$attributes[] = 'class="divi-slider"';

return $attributes;
}
add_filter( 'rocket_lazyload_excluded_attributes', 'rocket_lazyload_exclude_class' );

Do I need to change 'class="is-logo-image" too? Where do I add this - CSS or code snippet plugin?

Thanks
Kumar

Try this:

function rocket_lazyload_exclude_class( $attributes ) {
	$attributes[] = 'class="is-logo-image"';

	return $attributes;
}
add_filter( 'rocket_lazyload_excluded_attributes', 'rocket_lazyload_exclude_class' );

with one of these methods:
Adding PHP: https://docs.generatepress.com/article/adding-php/

Thanks Leo.

No problem :)