Serious scrolling problems on mobile devices with boxed layout and bg-image

Hey dogunihalle,
Thank you for the link to your site, I see that you have a boxed layout with a background-image, but the background image is for the body background in a custom div “bg_container”, I assume that you have added this in the child theme functions.php, but I can not see it so I’m not sure.
But smaller than 989px the background image will not show, so on my Android mobile device I don’t see the background image even if I scroll quickly.
Perhaps you mean that when the page loads for a millisecond you see a green color before the content shows, but this is “flicker” hard to see on my device, perhaps your network is mobile slower? If this is true then you need to add a media query to your custom code for the background image. Since I can’t see your custom code I guess that you could try something like this:

@media only screen and (min-width: 990px) { 
.bg_container {
-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/uploads/background.svg', sizingMethod='scale')";
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/uploads/background.svg', sizingMethod='scale');
}
}

so the background image only shows above 990px, if this doesn’t help please enable the theme editor so we can see your child theme files and how you are adding the background image to advise.

Best regards,
Mike

Hi,
Thanks for the video, I’m not able to recreate this with Windows or Android, this looks strange. Unfortunately I don’t have a iPad or iPhone so I will ask the rest of the team for someone with an iPad or iPhone to check this. Thank you for your patience

Best regards,
Mike

Hi,
Ok, I have canceled the request for a team member to check since the error doesn’t show anymore.

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike