Color section with image isn’t displayed on iPhones

Hey Renko,

Thank you for the inquiry.

This is actually a known issue with the Visual Artist demo and its parallax backgrounds. The sections do not look the same on mobile view because parallax effects are automatically disabled.

We usually recommend the following css code to fix the background, but it will also disable the fixed effect and background images will just scroll with the page.

@media only screen and (max-width: 1024px) {
#top .avia-bg-style-fixed .av-parallax{
	background-attachment: scroll !important;
	background-size: cover !important;
    }
}

You can also create a different home page for mobile view without the parallax effect. To assign a different page for mobile, you can try this script.

// redirect home page on mobile
add_action( 'wp_footer', 'ava_wps_params', 9999 );
function ava_wps_params() {
    ?>

	<script>
	if (window.location.pathname == '/' && jQuery(window).width() <= 767) {
	   window.location = "/newpage/";
	}
	</script>

    <?php
}

From: https://www.wpstud.io/show-different-homepage-mobile-devices/

Best regards,
Ismael

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic.

Best regards,
Rikard