Can I use a different hero image for a mobile view?

Hey connect4consulting,

I’m not sure how you set it up? I’m assuming you are using a color section and set a background image to it. In that case to swap the image in mobile device Please try adding this at the very end of your themes / child themes functions.php file:

Replace “background.jpg” with the correct path to the image.

// Replace color section background
function swap_img(){
?>
<script>
jQuery(document).load(function(){ 
	if ($(window).width() < 768) {
		jQuery("#bg-desktop-only").css("background-image", "background.jpg");    
	} 
});
</script>
<?php
}
add_action('wp_head', 'swap_img');

Best regards,
Vinay