Topic: Fixed background scroll not working on Iphone/Ipad.
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."
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
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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