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

WP SITES

2787

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.

Site Title Over Full Width Header Image & Logo Floated Right

This tutorial shows you how to add a mobile responsive, full width image to the site header of the News Pro child theme by StudioPress.

Header Image News Pro Theme

Add Full Width Header Image To Genesis Sample Theme

This tutorial provides the super simple 3 step instructions which enable you to add a full width header image to the genesis Sample child

Header Image

Metro Pro Full Width of Site Header Image

This tutorial enables you to add a responsive full width header image to the Metro Pro child theme by StudioPress. On top of this, the code

Header Image Metro Pro Theme

Add Different Header Image To Front Page or Landing Page Template

There's different methods you can use to change the header image however, these are the best based on clean code efficiency and mobile

Header Image Lifestyle Pro Theme

Different Sized Header Images For Any Screen Width – Mobile Responsive

This tutorial contains the code which enables you to add any number of header of any width or height to display perfectly at any screen

Header Image Lifestyle Pro Theme

Lifestyle Pro – Different Full Width Header Images

This tutorial provides the code which enables you to display a unique image on any single post or page. If non added, a default image named

Header Image Lifestyle Pro Theme

Lifestyle Pro – Responsive Full Header Image

This tutorial, tested on the latest version of the Lifestyle Pro child theme by StudioPress, enables you to add a full width image to your

Header Image Lifestyle Pro Theme

Different Header Image For Different Language

The code in this tutorial, enables you to display a different header image when a specific language is selected using the qTranslate X

Header Image Translate Language

Increase Logo Size for Enterprise Pro Theme

This tutorial ( which includes a video ) shows you how to change the header image size for the logo in the Enterprise Pro child theme by

Enterprise Pro Theme Header Image

Add Image Inline & Before Site Title in Genesis

This code enables you to add an image before and inline with your site title like this: In this example, the image is pulled from your

Custom Logo Header Image

Different Header Background Image On Any Page

This code enables you to: Display unique header images on any post or page. When no image set, a fallback image is displayed. Set a

Header Image

Display Different Sized Header Images On Different Mobile Devices

This tutorial provides the code which enables you to display different sized logo's at different screen widths. Update : New solution -

Header Image

Add Logo In Nav Menu in Genesis

This tutorial shows you how to add an image to the left of the primary nav menu in any child theme by StudioPress. The method should work

Custom Logo Header Image Magazine Pro Theme Nav Menu

Add Site Title Before or After Logo in Genesis Header

This tutorial provides the PHP code which enables you to: Add your site title before your header image Or add your site title

Custom Logo Header Image

Add Logo Image Next To Title In StudioPress Themes

There's different ways you can add a logo or any other image inline with your sites title. You can filter the default function for the

Header Image

Change Logo & Header Image Sizes In Genesis

All StudioPress child themes are different yet many use the same functions and CSS code. The only difference in many of the themes when it

Header Image

Display Custom Header Images On Category Archive Pages

I've already shown you how to display a different header image on your home page which is different to whats displayed on all other pages,

Header Image

Add Custom Header in Genesis

Update: Once you add support for a custom header, you won't see a new Header page added because WordPress adds this functionality to the

Header Image

Changing Custom Header Image Sizes In Different Themes

I've already written about how to change the header area height & width in Genesis. This also applies to StudioPress themes as they are

Header Image

  • « Go to Previous Page
  • Go to page 1
  • Go to page 2
  • Go to page 3

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.