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

WP SITES

2665

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

Image Behind Header & Menu In Genesis Sample Theme

This code adds a field to the Customizer enabling you to upload a full width header image.

The image displays behind the site header and primary nav menu as seen in the following screenshot :

Same image behind site header and menu

Tested using the Genesis Sample child theme by StudioPress.

Demo Video #

Shows the same header image displaying behind the nav menu and site header container.

Installation – Support Included #

There’s 5 steps :

Step 1 – Copy & paste the PHP code from functions.php to the end of the Genesis Sample themes functions file.

Step 2 – Copy & paste the CSS from the style.css file to the end of the genesis Sample themes style sheet and clear caching.

Register for full access

Related Tutorials

  • Image Behind Header & Menu in Metro Pro
  • Hero Image Behind Site Header & Menu With Text Overlay In Genesis Sample Theme

Header Image Nav Menu

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