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 :