Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1189032

    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:

    Any help?
    Thankyou

    • This topic was modified 3 months ago by  aledef.
    #1189860

    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

    #1189988

    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:

    Have a nice day
    Alessio

    • This reply was modified 3 months ago by  aledef.
    #1190324

    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

    #1190359

    Hi Ismael,
    thankyou for the answer.

    As I wrote the issue affects also Firefox for Android.

    Have a nice day
    Alessio

    #1190771

    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

    #1190813

    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

    #1191415

    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

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.