Sridhar Katakam

Genesis and WordPress Tutorials

How to add a full/wide header in Metro Pro

by 7 Comments

Updated on October 16, 2015

In the past I showed how a wide header can be added in Lifestyle Pro and Agency Pro Genesis child themes.

The same method can be applied in Metro Pro.

Before:

metro-pro-wide-header-before

After:

metro-pro-wide-header-after

Step 1

Upload your desired header image to your Media library. Recommended width is 1068px. Height can be any.

Step 2

Add the following in Metro Pro's functions.php:

To view the full content, please sign up for the membership.

Already a member? Log in below or here.

  • Hey Sridhar,

    Thanks for your informative posts, they have helped me a lot as there isn’t too much info on this subject out there. This may be a dumb question but when you say add this to functions.php and style.css, do you mean just copy what you have and paste it at the bottom? Thanks!

    -Tate

    Reply

  • Hi Sridhar,

    I have not tested this yet, but is the above example a responsive header when implemented?

    Thanks,
    JL

    Reply

  • Thanks so much for this tutorial Sridhar. I had started to do this a different, much more complicated, way which looked awful on mobile. Was so glad to find your easy, effective, tutorial for creating a full-size header for an executive pro site I’m working on.

    Reply

  • Hello Sridhar, this is the reason I have subscribe to your blog and I still can’t edit my header.
    Please help me.
    My website is ilblogaziendale.it

    Reply
    • >