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

WP SITES

2966

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Subscriptions
  • Access
  • Log in

Refined Pro – Replace After Header Desktop Image With Different Image For Mobile Screens

This tutorial extends this tutorial by enabling you to replace the default after header image with a different image for mobiles.

Here’s the before ( desktop ) & after ( mobile ) screenshots :

desktop-image-after-header
Desktop
mobile-image-after-header
Mobile

Demo Video #

Shows the desktop.png image replaced on mobile screens smaller than 800px in width with an image named mobile.png.

Tested using the Refined Pro child theme for Genesis.

Code Installation #

There’s 2 steps :

Register for full access

Related Solutions

  • Special 2nd Image For Mobiles After Header At Any Screen Width
  • How To Replace Images On Mobile Screens Only

After Header Image Refined Pro Theme

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Code written by Brad Dalton specialist for Genesis & WooCommerce.

Advertise · WPEngine · Genesis · Log in

  • Account
  • Consulting
  • Post Tags
  • Contact
  • Terms
  • Monthly Membership
  • Yearly Subscriptions
  • Log in
 

Loading Comments...