how can I customize the logo size and header space in shapely?
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.
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
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.