So, on 3 of my Android phones (different brands, etc.), one of my web pages looks like this (how it’s supposed to): [androidex] On my partner’s iPhone, a family member’s iPhone, and a friend’s iPhone, it looks like this: [iphoneex] My mobile SCSS file that renders the top image area is: body.…

The landing pages plugin hasn’t been maintained for almost 2 years. I’d be wary of using it. Not sure what’s going on there, but you’ve got some syntax errors in your code.

What ya mean that it hasn’t been maintained? I recently had @cabidop update some stuff on all 3 components of it that were merged to the main branches…unless ya meant something else :open_mouth: GitHub - paviliondev/discourse-landing-pages: Adds landing pages to Discourse · GitHub GitHub - pavili…

Hello :waving_hand: I didn’t test it but it looks like to me it is caused the background-attachment: fixed; CSS background-attachment | Can I use... Support tables for HTML5, CSS3, etc "Can I use" provides up-to-date browser support tables for support of front-end web technologies on …

So, you’re saying to just delete the fixed part? So I would have: .title-container { background: no-repeat center/cover; } ?

iPhone not properly showing image area on site. Why?

Development

45thj5ej April 2, 2024, 4:13am 5

Oh wow, that’s a really cool website you linked, thanks. I will try this as soon as my new VPS boots up and (hopefully) fully restored my site!

Topic		Replies	Views
Keep the image within the post area Product Support	2	497	June 2, 2020
Category background images do not scale good for mobile UX	7	1577	September 17, 2019
What's wrong with this CSS? Product Support	4	1385	May 6, 2015
Images become a squared image on mobile view Product Support	8	999	October 20, 2020
Images cannot fit iphone screen Product Support	3	657	April 18, 2022

iPhone not properly showing image area on site. Why?

Related topics