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

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

Change Backstretch Background Image When Mobile – AgentPress Pro

This download contains the code which enables AgentPress Pro theme owners to use a special image on mobile screens.

The mobile image replaces the default image added via Customize > Background Image > Home Image Upload to the image you add using the custom settings via customize > Background Image > Mobile Image Upload.

AgentPress Pro Customize Background Image Upload

Watch the following demo video to see how the image changes at the same time the mobile menu is displayed :

Demo Video #

Shows a different image displaying at the same time the mobile menu kicks in for the AgentPress Pro child theme by StudioPress.

This solution will also work with any Genesis child theme that uses Backstretch to control the background image of any HTML element.

Code Installation #

There’s 3 steps :

Step 1 – Copy & paste the PHP code from the functions.php file to the end of the AgentPress Pro themes functions file or merge the code with the existing agentpress_customizer() function in the lib > customize.php file.

Register for full access

Related Tutorials

  • Different Background Images At Any Screen Width Using jQuery With Backstretch

AgentPress Pro Theme Background Image Customizer

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.