Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 3, 2024 at 5:50 pm #1439105
    TakiwaSoulArt

    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
    Sabine

    April 4, 2024 at 7:06 am #1439151
    Ismael

    Hey 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,
    Ismael

    April 4, 2024 at 10:59 am #1439185
    Guenni007

    but 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 #1439203
    TakiwaSoulArt

    Hi 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 7 months, 3 weeks ago by TakiwaSoulArt.
    April 6, 2024 at 1:01 pm #1439314
    Mike

    Hi,

    @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,
    Mike

    April 6, 2024 at 7:41 pm #1439349
    TakiwaSoulArt

    Hi,

    yes you can close this thread.

    Best regards,
    Sabine

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘fixed background image in mobile view’ is closed to new replies.