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 :

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 :

Related Solutions

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