Background images on iOS devices not working

Hey Chris,

I tried to login in the popup window that appears when trying to login however the credentials doesn’t seem to work, please check.

Best regards,
Nikko

Hi Chris,

Thanks for the access, but I can’t see the issue on my end. Can you try the solution posted on this thread: https://kriesi.at/support/topic/playing-with-new-demos/#post-871865
You will need to turn on first Custom Css Classes in Enfold > Layout Builder > check Show element options for developers then save. https://kriesi.at/documentation/enfold/intro-to-layout-builder/#turn-on-custom-css-class-field-for-all-alb-elements
Next you edit homepage then edit the color section then on Custom Css Class field put: bg-fixed
Go to Enfold > General Styling > Quick CSS, then add this code:

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

Finally go to Appearance (Design on your end) > Theme Editor > functions.php (put the code at the bottom):

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
}

Best regards,
Nikko

Hi Chris,

I don’t think you need to add that function since the error mentioned that you have already declared that function.

Best regards,
Nikko

Hi Chris,

I have made the modification based on the solution on the other thread.
Can you try to check again?

Best regards,
Nikko

Hi Chris,

I have checked further into the issue and found out that this was an known bug in IOS devices (such as ipad and iphone), works fine in android phones.
Fixed background attachment for images are not supported by IOS so any browser you use in ipad or iphone, it will not work.
Up until know they did not support this feature but there are some people who claims that their workaround worked for them, can you try to set your site back to the demo you used? and I’ll try to apply those workaround mentioned for you.

Best regards,
Nikko