Tagged: , , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 29, 2020 at 5:17 pm #1189032
    aledef

    Hi,
    fixed background for sections’s bg image does not work on some mobile browsers.
    In some cases BG is not fixed, in other cases sections have no bg.

    I’ve been able to reproduce the issue on:
    Firefox 68.5.0 for Android, Firefox 21.0 for iOS and at least some versions of Safari for iOS.

    You can test here:

    Home

    Any help?
    Thankyou

    • This topic was modified 4 years, 8 months ago by aledef.
    March 4, 2020 at 1:14 am #1189860
    Ismael

    Hey aledef,

    Thank you for the inquiry.

    The parallax effect is actually disabled on mobile devices. You can find the script in the js > shortcodes.js and in the AviaParallaxElement function, you’ll find this code around line 261:

    	if(_self.isMobile)
			{
				return; //disable parallax scrolling on mobile
			}

    Best regards,
    Ismael

    March 4, 2020 at 10:53 am #1189988
    aledef

    Hi Ismael,
    thankyou for the answer.

    The issue actually affects sections with fixed background, not parallax.
    I edited this post to correct it.

    Here is the correct eplanation of the issue:

    Fixed background for sections’s bg image does not work on some mobile browsers.
    In some cases BG is not fixed, in other cases sections have no bg.
    I’ve been able to reproduce the issue on:
    Firefox 68.5.0 for Android, Firefox 21.0 for iOS and at least some versions of Safari for iOS.
    It works fine on Chrome mobile browsers.

    You can test on you own demo, here:

    Home

    Have a nice day
    Alessio

    • This reply was modified 4 years, 8 months ago by aledef.
    March 5, 2020 at 8:40 am #1190324
    Ismael

    Hi,

    Thank you for the info.

    Fixed backgrounds are not fully supported on iOS same as the parallax effect. Please check this page for more info about the background-attachment property.

    // https://caniuse.com/#feat=background-attachment > Known Issues

    iOS has an issue preventing background-attachment: fixed from being used with background-size: cover – see details

    Best regards,
    Ismael

    March 5, 2020 at 10:22 am #1190359
    aledef

    Hi Ismael,
    thankyou for the answer.

    As I wrote the issue affects also Firefox for Android.

    Have a nice day
    Alessio

    March 6, 2020 at 8:04 am #1190771
    Ismael

    Hi,

    What is the version of Firefox in the Android device? It should be v68 or later in order for the fixed background to work. To fix the issue temporarily, we can set the background-attachment property to scroll on mobile view.

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

    Best regards,
    Ismael

    March 6, 2020 at 11:14 am #1190813
    aledef

    Hi Ismael,
    thankyou for the answer.

    Please take your time to read this ( it’s the third time I write it ):
    I’ve been able to reproduce the issue on Firefox 68.5.0 for Android

    Have a nice day
    Alessio

    March 9, 2020 at 10:36 am #1191415
    Ismael

    Hi,

    Sorry for missing or for forgetting that info. Have you tried the css code above? Looks like the only workaround is to set background-attachment property from fixed to scroll on mobile view.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.