• 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

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 width.

The following images show the desktop ( default ) image on the left and the mobile image on the right :

desktop-hero-image
Desktop
mobile-hero-image
Mobile

Watch the following demo video to see how it works :

Demo Video #

Shows a different image displaying on mobiles

Code Installation #

Solution 1 – There’s 2 steps :

Register for full access

Essence Pro Theme Header Image

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.