Can Twenty Fourteen Support a Graphic Logo?

Assuming you are comfortable using HTML & CSS, yes but do not edit the Twenty Fourteen theme. It is the current default WordPress theme and having access to an original, unedited, copy of the theme is vital in many situations. First create a child theme for your changes.

Yup I’m using a child theme esmi, would you be so kind to enlighten me with an approach?

Site url?

https://homehealthyfitness.com/

But I have it currently set with the Expound theme until I have it all configured properly with the Twenty Fourteen.

Do you want me to change it back for this instance??

It would be helpful to see your child theme, yes.

Ok done, bit of a mess and the logo is huge atm because its set as the header…

A friend has helped me resize the logo appropriately here and this is what I’m trying to go for with and option to fill the space to the right with content (i.e. text, banner or whatever)…

https://www.muslimahwebdesign.co.uk/wordpresstutorials/wp-content/uploads/2014/05/health_fitness_screenshot1.png

What dimensions do you want to for that header/logo image?

540×160 I believe is what the image was resized to in that screenshot. That look is what I’m going for…

closer to 500X155 I believe actually… My browser was sized a little off..

Ok, so I found out that the size of the header is set in a file called custom-header.php. I copied this file and made a duplicate within my child theme, changed the values to maybe constrain the image, and set it to the left as well, but achieved nothing lol… What am I missing here!?

Try adding:

function my_custom_header_setup() {
	add_theme_support( 'custom-header', apply_filters( 'my_custom_header_args', array(
		'default-text-color'     => 'fff',
		'width'                  => 540,
		'height'                 => 160,
		'flex-height'            => true,
		'wp-head-callback'       => 'twentyfourteen_header_style',
		'admin-head-callback'    => 'twentyfourteen_admin_header_style',
		'admin-preview-callback' => 'twentyfourteen_admin_header_image',
	) ) );
}
add_action( 'after_setup_theme', 'myn_custom_header_setup' );

function twentyfourteen_admin_header_style() {
?>
	<style type="text/css" id="twentyfourteen-admin-header-css">
	.appearance_page_custom-header #headimg {
		background-color: #000;
		border: none;
		max-width: 540px;
		min-height: 160px;
	}
	#headimg h1 {
		font-family: Lato, sans-serif;
		font-size: 18px;
		line-height: 48px;
		margin: 0 0 0 30px;
	}
	#headimg h1 a {
		color: #fff;
		text-decoration: none;
	}
	#headimg img {
		vertical-align: middle;
	}
	</style>
<?php
}
endif;

to your child theme’s functions.php file.,

Tried but still nothing…

does it need to be styled with CSS maybe??

The image you are uploading is 1260 x 394 pixels!