Make header media image a link

Hi,
Currently, Zakra doesn’t have the option to make header media clickable. However, you can achieve by creating a child theme and write code to override the hook function to achieve the same.

Please let us know if you need help with that. 🙂

Thanks.

Firstly, you need to create a child theme for Zakra theme or simply download it from the list here: https://themegrill.com/blog/tutorial-creating-wordpress-child-theme/

From the child theme’s folder edit functions.php file and add the following code at the end of the file:

if ( ! function_exists( 'zakra_header_media_markup' ) ) :
	/**
	 * Header media tag.
	 */
	function zakra_header_media_markup() {

		$output  = '';
		$output  = '<div id="wp-custom-header" class="wp-custom-header">';

		$output .= '<a href="' . esc_url( home_url( '/' ) ) . '" title="' . esc_attr( get_bloginfo( 'name', 'display' ) ) . '" rel="home">';
			$output .= '<img src="' . esc_url( get_header_image() ) . '" width="' . get_custom_header()->width . '" height="' . get_custom_header()->height . '" alt="' . esc_attr( get_bloginfo( 'name', 'display' ) ) . '">';
		$output .= '</a>';
		$output .= '</div>';

		echo $output;

	}
endif;

Then, install and activate the child theme.

Thanks.