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

WP SITES

2662

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

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

AgentPress Pro Theme Background Image Customizer

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

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