• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2670

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Tutorial Requests
  • Contact
  • Videos
  • Tags
  • Log in

Premium Member? - Request custom code

Full Screen Width Header Image In Metro Pro

This tutorial provides 2 different solutions which enable you to add a full screen width header image to the Metro Pro child theme by StudioPress.

Both solutions add the image as a background image enabling the display of site header elements like the header image and header right widget area content.

Watch Demo Video #

Tested using the Metro pro child theme by StudioPress. May work with or without modification in other Genesis child themes.

Method 1 – Installation #

There’s 3 steps relating to usage of the code in the download folder :

Step 1 : Copy & paste the PHP code from the functions.php file to the end of the Metro Pro child themes functions file. You can then add a image named header.png to the themes images folder.

Register or login to access the download folder :

Register for full access

Related Tutorials

  • Image Behind Header & Menu
  • Metro Pro Full Width of Site Header Image

Header Image Metro Pro Theme

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Brad Dalton Specializes In Genesis child theme customization & code modification. Read More…

Learn PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems