Different Background Image On Mobiles

This solution provides code which enables you to use a different background image at any screen width.

This way you can add a different image which isn’t cut off and shows all or part of the original image you want displayed on hand held devices.

Demo Video #

Shows the special mobile image uploaded via the customizer which displays on small screens only.

There’s 3 steps :

Step 1 – Copy & paste the PHP code from functions.php to the end of the Agency Pro themes functions file.