Background Image Not Showing In Color Section When Code Block Is Present

Hey imagestudios,

Thank you for the inquiry.

The parallax background is now visible throughout the whole section of the the-trails-at-san-dimas page. Did you manage to find a fix?

Best regards,
Ismael

Hi,

Thank you for the info.

It display back to how it should on Chrome once the browser is resized. Please try to add this snippet in the functions.php file to force a resize on page load.

add_action('wp_footer', 'ava_auto_resize');
function ava_auto_resize(){
?>
<script>
(function($){	
	var int = window.setInterval(function(){
		$(window).trigger('debouncedresize resize');
	}, 1000);
	
	$(window).load(function () {	
		setTimeout(function() {
			clearInterval(int);
		}, 3000);
	});
})(jQuery);
</script>
<?php
}

Best regards,
Ismael

Hi,

The height of the parallax container should adjust on window resize or after the av_resize_finished event. Please post the login details in the private field so that we could check the modification and adjust it when necessary. Make sure that the Appearance > Editor panel is accessible.

Thank you for your patience.

Best regards,
Ismael

Hi,

Thank you for the update.

We added the av_resize_finished event to the script and it seems to have helped with the issue. The parallax container is now resizing properly on page load. Please remove the browser cache prior to checking the page.

Best regards,
Ismael