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

WP SITES

2662

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

Genesis Full Width Header Image

This tutorial provides several solutions which enable you to add a full width header image in most genesis child themes.

Both solutions have been tested on the Genesis Sample child theme and the Smart Passive Income Pro child themes by StudioPress.

Here’s the result:

site-header

There’s 2 new solutions in this tutorial:

  1. The 1st solution involves modification of the child themes PHP code. Then you can simply add your image via Header Image field in the customizer.
  2. The 2nd solution enables you to add jQuery which might be needed depending on the image you choose for your themes site header. This solution also enables you to add a default ( fallback image ) from your child theme’s images folder. This image can be changed via the WordPress customizer.

There’s also a 3rd existing solution using CSS to achieve a full width responsive header.

Here’s the first 2 solutions for logged in members:

Register for full access

Smart Passive Income Pro Theme

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

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