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

alex gouveia priority asked 2 years 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,

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 2 years 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:

Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: 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