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

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

Header Image

Tutorials for customizing & modifying the Header Image in Genesis child themes. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members. Note : Not all tutorials relating to the header image tagged in this archive. You will be able to find more by using the search form.

Image Behind Header In Breakthrough Pro

The code in this download folder adds a hero image behind all site header elements in the Breakthrough Pro for Genesis. The image can be

After Header Image Breakthrough Pro Theme Header Image

Logo Inline With Mobile Menu In Genesis Child Themes

You can add this CSS to the end of your Genesis child themes style.css file to move your mobile menu inline with your custom logo or site

CSS Grid Columns Custom Logo Header Image

Change Custom Header Image On Mobiles In Gallery Pro

The solution in this download folder enables you to display a custom header image on smaller screens. As seen in the demo video, your

Custom Logo Gallery Pro Theme Header Image

Essence Pro Fixed Header

The solution in this download folder enables you to make the site header in your Essence Pro theme sticky. To do this, the color of the

After Header Image Essence Pro Theme Header Image

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

This tutorial provides the code which enables you to display a unique hero image with unique overlaying text on any page/post using the

After Header Image Custom Fields Header Image

Hero Image Behind Site Header & Menu On Front Page In Genesis Sample Theme

This tutorial enables you to add a hero image with overlaying content behind your site header and nav menu like this : Tested using the

After Header Image Header Image jQuery Scroll

Menu Logo Menu In Old Versions of Genesis Sample Theme 2.2.4

The code in this download folder creates a menu logo menu in the header of version 2.2.4 of the Genesis Sample theme. Note : This solution

CSS Grid Columns Header Image Nav Menu

Metro Pro Different Header Image For Mobiles

This code replaces the desktop header image with a smaller mobile version on smaller screens. This way your header image is not cutoff and

Header Image Metro Pro Theme

Menu Logo Menu For Twenty Nineteen Theme

The solution in this download folder enables you to create a split menu which displays menu logo menu in non Genesis themes. In this case,

CSS Grid Columns Header Image Nav Menu Twenty Nineteen Theme

Menu Logo Menu Using CSS Grid In Parallax Pro

The solution in this download folder enables you to display the primary menu to the left, the header image in the middle and the secondary

CSS Grid Columns Header Image Nav Menu Parallax Pro Theme

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

This download folder contains 3 files which enable you to add a full width hero image behind your site header which also contains your menu

After Header Image Custom Fields Customizer Header Image jQuery Scroll

Equal Height Logo & Header Right Widget Content On Desktops

The code in this download folder enables you to display your header image & a image in the header right widget area at equal heights on

CSS Grid Columns Enterprise Pro Theme Header Image

Different Sized Header Image On Mobiles Using Infinity Pro

This solution enables you to change the header image on mobiles using the Infinity Pro child theme by StudioPress. This is the image for

Header Image Infinity Pro Theme

Change Logo Size In Customize Header Image

This tutorial shows you how to change the image size in the Beautiful Pro child theme by StudioPress. This is the standard method used in

Beautiful Pro Theme Header Image

Remove Image Gradient Conditionally From Essence Pro

This tutorial provides the modified code which enables you to remove the gradient from the header hero image conditionally. In this case,

Essence Pro Theme Header Image

Menu Logo Menu In Genesis Sample Themes Header

This solution adds left and right menus inline with your custom logo like this : Tested using version 2.10 of the Genesis Sample child

Custom Logo Header Image Nav Menu

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

Header Image Nav Menu

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

Header Image Metro Pro Theme Nav Menu

Replace Default Header Hero With Different Image On Mobiles – Essence Pro

This tutorial provides 2 different ways to change the default header hero image hero-bg.jpg with another image of any size, at any screen

Essence Pro Theme Header Image

Different Logo For Desktop and Mobile – Outreach Pro

This download folder contains the code which enables you to use a different logo on mobiles to the default image which is only shown on

Header Image

  • Go to page 1
  • Go to page 2
  • Go to page 3
  • Go to Next Page »

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.