Tablet Display of Background Image

HTML & CSS
1

Greetings,
On this page, you will see a background image in the banner. I don’t have a really good tool to be able to investigate on the iPad Air what’s causing the background image to set too far to the right. I would like it more centered.

Does anyone have a suggestion on what tool I can use (much like Development Tools for FF and Chome) for an iPad Air? I’ve already tried Browserstack, but it’s simulator is not accurate on displaying this page. Meaning, instead of it showing the background image, it’s showing the video (desktop version). Therefore, I’m looking for a tool, or possible help, on solving this problem.

Thank you.

2

You have to be more specific because the only thing I see is a menu and, on top of that, a banner with no images and a Google translation tool.

1665×164 67.9 KB

3

Take a look at this:

1536×2048 1.66 MB

That’s the image I’m referring to.

4

Do you mean the big one?

I don’t have a suggestion of nay tool that you could use. The truth is that while you can have a good approximate using browserstack (or similar tools), there’s nothing like the reality. I’m assuming that you have problems with iPad Air, you’ll have the same problem with other types of iPads too.

Are you sure that the iPad Air is not configurated to get the desktop version?

5

If you change this

<meta name="viewport" 
content="width=device-width,
initial-scale=1.0,
minimum-scale=1.0, 
maximum-scale=1.0, 
user-scalable=no"/>

to this

<meta name="viewport" 
content="width=device-width,
initial-scale=1" />

does it help for the iPad without causing issues for other devices?

6

Thank you for the suggestion, Mittineague, but that didn’t make any difference to the background image on the iPad Air device.

Thank you for trying.

7

It is a starting point though - you need that to have any chance of getting it to display correctly across all devices.

1 Like
8

Yes.

I just wound up changing the position of the background and that seemed to have fixed that problem.

9

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.