Objects visually moving to right place in website in ipad & iphone

HTML & CSS
1

Guys, I am a bit desperate but full of hope for a solution:
whatsup: developing a website with flat design an some fadein and fadeout effects, its working great and fast enough on all devices, laptop desktop, mobile etc. Except for apple ($@#%^& sorry!).
What happens: when opening website on (lets say) ipad air, i see all object moving to their correct place (because of responsiveness WHY??? WHATS HAPPENING HELP!!

Any body has a clue how to solve this issue??

using: HTML5, CSS3, JQUERY all on windows.

Regards, PVDS

2

The first thing we will need to help is a link to the site :smile:

How can objects moving to their correct place be an issue?

We need to see the page to see what you mean.

3

Well, it is an issue for the client of mine.

Site is still in development mode so code is not optimised yet. But take a look on an ipad and you wil see what i mean.
On safari (windows) no issue.Only (menu top right: landingspage and corporate events and about is working)

View site (only there for 15 minutes)…

gr. PVDS

4

Ho,

I notice this code:

@keyframes siteFadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@-webkit-keyframes siteFadein {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(0%);
    }
}

It has the same animation name for for webkit you tell it to slide in from the left but for other browsers you just fade it in.

Change the webkit rule to match the real rule and see if it is the culprit.

If you had placed the vendor prefixes before the real rule then you would likely have avoided this typo anyway. Real properties should follow the prefixed property,

5

Thanks, i’ll check right away… Thats the problem with me, always trying and coding and testing then this kind of mess will appear. Thanks in advance, i.ll let you know if this is the problem .

6

YEZZZZZ… that solved it. Thanks very much. :grinning:

7

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