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

WP SITES

2670

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Tutorial Requests
  • Contact
  • Videos
  • Tags
  • Log in

Premium Member? - Request custom code

Different Background Image On Mobiles – Agency Pro

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

Desktop Image
Desktop Image
Mobile Image
Mobile Image

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.

Installation Steps #

There’s 3 steps :

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

Register for full access

Agency Pro Theme Background Image

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Brad Dalton Specializes In Genesis child theme customization & code modification. Read More…

Learn PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems