Logo Size and Header Space mods

Shapely
1

how can I customize the logo size and header space in shapely?

2

Hi,

It can be done via Child theme if you don’t have a child theme create one: Child Themes « WordPress Codex

After that add this in the functions.php

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

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

Adjust the height and width according to your needs.

After that, add this Custom CSS in Appearance -> Customize -> Additional CSS,

.nav-bar .module, .nav-bar .module-group {
  height: 100px;
}

.logo {
  height: 100px;
  max-height: 100%;
  width: 400px;
}

Adjust the width and height according to the first line change.

Let us know,

Thanks,
laranz.

3

Hi Iaranz - I followed your instructions, but the navigation menu doesn’t appear correctly on mobile or tablet devices. It’s cut off. Can you let me know how I can fix? Website is: http://digitalhealth.nyc/
Thanks in advance - Cara

4

Hi,

Sorry for a late in response, try this Custom CSS in Appearance -> Customize -> Additional CSS,

@media only screen 
  and (max-width: 480px) {
.nav-bar .module, .nav-bar .module-group {
    height: auto;
}
}

Let us know,

Thanks,
laranz.