playing with new demos – visual artist demo on ipad

my workaround:

i set up on those color-section the background-attachment to : scroll
but give a custom-class to the color-section: bgfixed

that class has only the meaning of setting :

.bgfixed {
background-attachment: fixed !important; 
}

on functions.php of my child-theme i detect if the device is an ipad/iphone/ipod :lol
and remove that class only for this devices !

add_action('wp_footer', 'remove_class_if_ipad');
function remove_class_if_ipad(){
?>
<script type="text/javascript">
(function($) {
	$(document).ready(function($){
		var deviceAgent = navigator.userAgent.toLowerCase();
		if (deviceAgent.match(/(iphone|ipod|ipad)/)) {
		$('.bgfixed').removeClass('bgfixed');
		}
	});
})(jQuery);
</script>
<?php
}

this works with scrolling background.
Info: i don’t know why the other way starting with fixed does not work and addClass and set the background-attachment : scroll !important. ???

it works as mentioned above – but first i tend to addClass and give to quick css the scroll position – but this way does not work
i think the inline rules overwrites every other rule set

so i decided as above to start on background scroll on alb element – set the fixed positon by quick css – and just remove that custom class set on quick css – this way works as wanted.

Everything ok now – on ipad the background-attachment scrolls with the container.
Before – as mentioned there was nothing but the background-color seen.

give it to the devolpers a hint to see their demo: https://kriesi.at/themes/enfold-visual-artist/ on iphone/ipad