NO BUG: Background position fixed doesn't work correctly on mobile (chromium)

Browser: Chromium 114.0.5735.133
OS: Android 13
URL: https://kracher.mariocalcagnini.ch/
Video: https://kracher.mariocalcagnini.ch/wp-content/uploads/Screen_Recording_20230623_120825_Brave.mp4

The source of the Background Image is delivered from a custom field, position: fixed, size: cover.

It looks like the background is rezized by the viewport and chromium hides out and shows in the top-bar when I sroll up and down. So the background image is always changing the size.

Hi Mario,
Thanks so much for your report, and welcome to the forum!

Background-position: fixed has always caused problems on mobile devices, whether iOS or Android. Unfortunately, there is nothing we can do about this, as it is not a Bricks-specific problem.

You can work around the problem by not fixing the background-position on mobile, or by working with absolute positioning. Have a look here, maybe this will help you: The Fixed Background Attachment Hack | CSS-Tricks - CSS-Tricks

Alternatively, you can find a lot of articles about this topic if you google it. Have a nice weekend!

Best regards,
timmse

OK, thanks, I’ve tried it. It looks that it works :+1:
Unfortunately I can’t take a second image as background, I wanted my client to be able to control the title image and the background image separately, now only the background image is fixed and the title image scrolls along. But you can live with that, I like it the way it is. Thanks a lot for your help!

https://kracher.mariocalcagnini.ch/