WebSite X5Help Center

 
Kim Hansen
Kim Hansen
User

Responsive not work  en

Auteur : Kim Hansen
Visité 1920, Followers 1, Partagé 0  

Hi

When I open my test project on my iPad Pro (2017). looks everything as it should:

But on my old iPad 4 does responsive not work, and it's all messy around and beyond the width of the page:

My breakpoints are:

Someone has an explanation of why, I'm using v.17 pro 17.0.6.

Sincerely
Kim

Posté le
14 RéPONSES - 2 UTILE - 1 CORRECT
Esahc ..
Esahc ..
Moderator

Kim, your ipad 4 browser may not support this functionality. Can you update the browser (or perhaps try an alterantive browser)?

Lire plus
Posté le de Esahc ..
Kim Hansen
Kim Hansen
User
Auteur

Hi Esahc

I use both Safari and Google browser updated to the latest version, and they are the same in both.

I have a similar project built in v16 Pro. and it works as it should on the iPad 4, so it's v17 that fails.

Kim

Lire plus
Posté le de Kim Hansen
Aleksey K.
Aleksey K.
User
Kim Hansen
Hi Esahc I use both Safari and Google browser updated to the latest version, and they are the same in both. I have a similar project built in v16 Pro. and it works as it should on the iPad 4, so it's v17 that fails. Kim

your ipad 4 not support css grid command because css grid created in 2016/17. Your ios ver is very old...

Lire plus
Posté le de Aleksey K.
Kim Hansen
Kim Hansen
User
Auteur
Aleksey K.
Kim Hansen Hi Esahc I use both Safari and Google browser updated to the latest version, and they are the same in both. I have a similar project built in v16 Pro. and it works as it should on the iPad 4, so it's v17 that fails. Kim your ipad 4 not support css grid command because css grid created in 2016/17. Your ios ver is very old...

Yes that's right, it's an older version of iOS (10.3.3) the last to iPad 4, so if css grid command is from 2016/17 then it must be the explanation.

v16 works fine on iPad 4 with iOS 10.3.3, so I'll be on v16 so far with my projects.

Sincerely
Kim

Lire plus
Posté le de Kim Hansen
Aleksey K.
Aleksey K.
User
Kim Hansen
Aleksey K.Kim Hansen Hi Esahc I use both Safari and Google browser updated to the latest version, and they are the same in both. I have a similar project built in v16 Pro. and it works as it should on the iPad 4, so it's v17 that fails. Kim your ipad 4 not support css grid command because css grid created in 2016/17. Your ios ver is very old... Yes that's right, it's an older version of iOS (10.3.3) the last to iPad 4, so if css grid command is from 2016/17 then it must be the explanation. v16 works fine on iPad 4 with iOS 10.3.3, so I'll be on v16 so far with my projects. Sincerely Kim

Sorry i wrong... grid supported from ios 10.3.x.. maybe other problem or not full support

Lire plus
Posté le de Aleksey K.
Kim Hansen
Kim Hansen
User
Auteur

Ok no problem, I leave the thread open for other suggestions.

Kim

Lire plus
Posté le de Kim Hansen
Incomedia
Stefano G.
Incomedia

Hi Kim

If you're seeing this issue on the Safari browser of the iPad 4, then Safari's version is probably the real reason for this.

Grid CSS rules are officially supported since Safari 10.2, for which reason it is most probable that the v17 version of the websites won't work there.

In this case I'm afraid that yes, you will simply need to keep those websites updated with v16, which didn't make use of this new technology yet

Thank you for your understanding

Stefano

Lire plus
Posté le de Stefano G.
Kim Hansen
Kim Hansen
User
Auteur

It's both in Safari and Google browser it shows the page incorrectly.

Kim

Lire plus
Posté le de Kim Hansen
Kim Hansen
Kim Hansen
User
Auteur
Stefano G.
Hi Kim If you're seeing this issue on the Safari browser of the iPad 4, then Safari's version is probably the real reason for this. Grid CSS rules are officially supported since Safari 10.2, for which reason it is most probable that the v17 version of the websites won't work there. In this case I'm afraid that yes, you will simply need to keep those websites updated with v16, which didn't make use of this new technology yet Thank you for your understanding Stefano

And what about my UP, what do I get for those money? I thought I got Update Protection for my projects.

Kim

Lire plus
Posté le de Kim Hansen
Esahc ..
Esahc ..
Moderator

Kim, is it possible to recreate you page using an alternative technique that may work on older ipads?

The links along the bottom, are they simply images placed in the footer in a text box, or perhaps each is a separate image object?

Have you considered using a gallery set as horizontal thumbnails or the optional objects masonary and justified gallery which can both be size adjusted to have only a single row.

If I have guessed wrong, perhaps you could explain how the current page is constructed?

Lire plus
Posté le de Esahc ..
Kim Hansen
Kim Hansen
User
Auteur

The images are inserted into a single row of nine columns with a picture opjekt in each, all images are the same size.

kim

Lire plus
Posté le de Kim Hansen
Esahc ..
Esahc ..
Moderator

Kim, have you tried removing ALL empty objects (and where necessary adding an object text? html? without any content becauseWX5 does not cope well with empty objects) If this fails are you able to try any of the above alternatives and see if any overcome the problem?

Or perhaps place images in a row in the footer??

Lire plus
Posté le de Esahc ..
Kim Hansen
Kim Hansen
User
Auteur

Hello Esac

I have tried and changed the image objects with a picture gallery, and it looks right on my old iPad 4 so I think it has solved the problem.

I just leave the thread open for a few days, until I've played a little more with it.

Thank you for your help so farsmile.

Kim

Lire plus
Posté le de Kim Hansen
Kim Hansen
Kim Hansen
User
Auteur

Hello Esahc

Everything looks right and work on my iPad 4, many thanks for your help.

Kim

Lire plus
Posté le de Kim Hansen