Parallax Picture on iPad Pro 2. Gen

6 replies · opened Dec 5, 2019

MmseppDec 5, 2019

Hi Team,

we use canvas on our website. We noticed that the parallax image does not show up on the iPad Pro. Every other Browser or even the iPhone is working fine. How can we fix this?

iPadOS 13.2.3 is installed

gastspiel.at

Thanks and best regards
Martin

MmseppDec 5, 2019

File was too big. Here you go.

SSemicolon WebSTAFFDec 7, 2019

Hello,

We have checked out your Page and there appears to be many HTML Validation errors: https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.gastspiel.at%2F on your Page which might be causing this issue. Consider fixing these errors and this should fix any unexpected issues.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

MmseppDec 11, 2019

Hi Team,

I added a singel Page with just parallax pictures and removed all the errors to see if it would fix the issue and the pictures are showing up ...kind of.

If you check out https://gastspiel.at/p.php in a browser you will see, that all three pictures are showing up as expected. If you switch to the iPad you will see the first picture as it should be.

It seems that the second and third picture are placed on the same position as the first one. Thats why the second picture is cut of and the thrid does not show up at all.

That could also be the reason, that none of the picture show up on the homepage, because they are there, but on the wrong position.

How can I fix this?

Edit: It worked fine before. We allways checked the ipad functionality. And we did not change anything between.

Thanks and best regards
Martin

MmseppDec 11, 2019

set to not resolved

MmseppDec 11, 2019

if i change this in style.css it works, but does not run smooth... even in other browsers on windows :(
any other solution?

.parallax {
	background-color: transparent;
	background-attachment: scroll !important;
/*	background-attachment: fixed;*/
	background-position: 50% 0;
	background-repeat: no-repeat;
	overflow: hidden;
}
SSemicolon WebSTAFFDec 12, 2019

Hello,

Thank You so much for your Patience regarding this issue.

Please consider adding the .mobile-parallax Class to the .parallax Element and let us know if this works for you. This is not the Final Solution, so we will decide the further course of action for this based on your results. Thanks again for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard