Tagged: Firefox, fixed background, mobile, safari
-
AuthorPosts
-
February 29, 2020 at 5:17 pm #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 4 years, 7 months ago by aledef.
March 4, 2020 at 1:14 am #1189860Hey 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,
IsmaelMarch 4, 2020 at 10:53 am #1189988Hi 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 4 years, 7 months ago by aledef.
March 5, 2020 at 8:40 am #1190324Hi,
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,
IsmaelMarch 5, 2020 at 10:22 am #1190359Hi Ismael,
thankyou for the answer.As I wrote the issue affects also Firefox for Android.
Have a nice day
AlessioMarch 6, 2020 at 8:04 am #1190771Hi,
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,
IsmaelMarch 6, 2020 at 11:14 am #1190813Hi 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 AndroidHave a nice day
AlessioMarch 9, 2020 at 10:36 am #1191415 -
AuthorPosts
- You must be logged in to reply to this topic.