banner above menu mins theme

Hi @kettler,

You should be able to output an image above the site title/logo and menu by using the following snippet.

/**
 * Output a custom iage above the site title/navigation menu
 *
 * @return mixed Markup for the custom image.
 */
function custom_header_image() {

	?><img src="https://thumb1.shutterstock.com/display_pic_with_logo/1217453/230221606/stock-photo-strawberries-panorama-long-thin-header-banner-230221606.jpg" /><?php

}
add_action( 'wp_head', 'custom_header_image' );

You’ll want to add that code snippet into a custom MU plugin that you create, to prevent the custom code from being removed each time the theme is updated. We do have an article setup outlining how this can be achieved: https://godaddy.github.io/wp-primer-theme/tutorials-and-examples/tutorials/mu-plugin.html

You can change out the URL of the image for the image you’d like to use. That should render the image at the top of the site.

Hello @eherman24,

I have copied the code snippet supplied above into a .php file in which i labeled my-customization. After loading the file into the mu-plugin folder, my website would not load due to http error. I removed the .php file and refreshed and it had no issue loading.

Am I missing an important step?

All the best,

Kettler

Hi @kettler,

Did you put a <?php at the beginning of the file? Can you paste the exact code you used in the must-use plugin?

Evan

Mr @eherman24, is it possible to move the menu below the header?