Topic: Fixed background scroll not working on Iphone/Ipad.

alex gouveia priority asked 7 months ago


Hi there, I am not very knowledgeable on the css/bootstrap/front-end side, and I am having an issue viewing a fixed background image on at least iphone/Ipad. Not sure if there is a way to get it to display the image not zoomed in?? Any help is appreciated.

Scroll down on mobile device, fixed background should be displayed properly and statically while scrolling down.

Zoomed in static image is displayed.

Please, refer to the following forked project, https://gouveiaenterprises-staticbackgroundscroll.mdbgo.io/

The section I am referring to is the one with the quote "Food for the body is not enough. There must be food for the soul."


Grzegorz Bujański staff answered 7 months ago


Unfortunately, it is not that simple. The .bg-image css class adds background-size: cover;. This automatically adjusts the size to fill the entire area. If you change it, an empty area will appear. You can find more about it here:https://developer.mozilla.org/en-US/docs/Web/CSS/background-size



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • User: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 3.11.0
  • Device: iphone/ipad
  • Browser: safari/chrome...
  • OS: ios14
  • Provided sample code: No
  • Provided link: Yes