Background image on mobile, incorrect background-size and background-attachment

ericaneubauer · February 20, 2023, 7:30pm

Hi all, first time Bricks user. Site is: https://thebordeauxreport.com/

I’m having an issue with the mobile version of the homepage. The full screen background image with fixed background-position looks great on desktop and on the mobile preview provided by Bricks. However, on my actual iPhone, the image is not-fixed, and it is way too zoomed in. Screenshot is what my iPhone shows. Any clues or tips for making this background image play nicely on mobile?

AxEngine · February 20, 2023, 7:56pm

IM having the same problem

cmstew · February 20, 2023, 9:19pm

This is a known issue with iphones in general. Checkout this stack overflow for some possible solutions.

ericaneubauer · February 20, 2023, 11:27pm

@cmstew thanks! For @AxEngine and anyone else struggling with this issue, the solution using body:after to show the background image works perfectly. I just had to use a media query to hide the background image set in Bricks on mobile, then I used the css provided in the Stack Overflow response.