![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
Tagged: Fixed background in mobile view
-
AuthorPosts
-
April 3, 2024 at 5:50 pm #1439105
Hi,
I have the background fixed in the color section. But in mobile view, the background is not fixed and it looks blurred. Is it possible to change this?
Thank you for your help and best regards
SabineApril 4, 2024 at 7:06 am #1439151Hey Sabine,
Thank you for the inquiry.
This is a known issue related to fixed background. To fix it, we can reset the background attachment property to scroll on mobile view. Please add the following css code:
@media only screen and (max-width: 1024px) { /* Add your Mobile Styles here */ .avia_mobile .avia-full-stretch { background-attachment: scroll !important; } .avia-bg-style-fixed { background-attachment: scroll !important; } }
Best regards,
IsmaelApril 4, 2024 at 10:59 am #1439185but i think this is default setting on enfold to change to scroll. (shortcodes.css lines 235 et seq. and 359 et seq.)
but i think she likes to preserve the fixed setting.
It seems to be mainly a problem of iOS devices to support the property background-attachment: fixed in combination with background-size: cover correctly.
There are workarounds for this by assigning a container as child that has the image as background and then setting the entire child container to postion: fixed. The pseudo containers before and after can be used here.
This seems to work on newer iOS (iOS 17.x) – but on older ones it sometimes works – sometimes not.https://webers-testseite.de/donkey/
Do you really think it’s so bad that it scrolls along in the mobile case?
Unfortunately, not all browsers always keep up with innovations. And older operating systems also go their own way.
I would therefore accept the fallback and leave the background on scroll.April 4, 2024 at 3:02 pm #1439203Hi Ismael,
sorry, it doesn’t work on my IPhone 10 …
Best regards
Sabine_________
Hi Günni,
it is not so bad that it scrolls along, but it would look simply better – I am terribly esthetic in such cases :) :) :) If there is no other solution, I will accept it.
Best regards, Sabine
-
This reply was modified 5 months ago by
TakiwaSoulArt.
April 6, 2024 at 1:01 pm #1439314Hi,
@TakiwaSoulArt the issue is most IOS devices do not display this correctly, this was a known issue with IOS for a few years, they have only recently fixed this for the newest devices but many people still use the older devices. I recommend using it as is.
Shall we close this thread then?Best regards,
MikeApril 6, 2024 at 7:41 pm #1439349Hi,
yes you can close this thread.
Best regards,
Sabine -
This reply was modified 5 months ago by
-
AuthorPosts
- The topic ‘fixed background image in mobile view’ is closed to new replies.