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

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

Image Behind Header & Menu

The solution in this download folder enables you to :

  • Move the primary menu inside the site header
  • Display a image behind both the header & menu
  • Center the header widget area between the site title and menu

Here’s what the solution in this tutorial produces :

Image Behind Header and Menu

The following video shows how it looks on both desktops and smaller screens.

Demo Video #

Shows the image covering the background of both the site header and nav menu containers.

Tested using the Metro Pro child theme by StudioPress.

Installation – Support Included #

There’s 4 steps using the files inside the download :

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

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

Register for full access

Related Tutorials

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

Header Image Metro Pro Theme Nav Menu

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.