Bigger logo

Illdy
1

Hi guys,

I can’t seem to figure out how to avoid my logo from being cropped. I want it slightly bigger than the automatic crop of 150px wide or so. Any ideas on how to get this done? The only thing I can come up with is switching the image in file manager…

2

Hi,

Add this code snippet in your Child theme’s functions.php file, ( If you have ?> at the end of the file means, add this before that line )

function logo_size_change(){
	remove_theme_support( 'custom-logo' );
	add_theme_support( 'custom-logo', array(
	 'height' => 100,
	 'width' => 400,
	 'flex-height' => false,
	 'flex-width' => false,
	) );
}

add_action( 'after_setup_theme', 'logo_size_change', 11 );

Change the height width according to your needs, here I add 400*100

PS: Before adding take a backup of your child theme’s functions.php just in case, if things goes south, try replace the same with the old backup.

Let us know,

Thanks,
laranz.

3

Hi there,

I’ve added this code, and it is not making a difference. Would you please take a peek to be sure I’ve added it in the right place?

Thanks!

4

Hi,

Also add this Custom CSS in your child theme’s style.css

.nav-bar .module, .nav-bar .module-group {
  height: 94px;
}
.logo {
max-height: 94px!Important;
height: 94px!important;
width: auto!Important;
}

Fore more try this thread: https://colorlibsupport.com/t/header-and-nav-alignment-on-desktop-and-mobile/

Let us know,

Thanks,
laranz.