Disable parallax on mobile?

[CSKickOn]

The parallax effect seems to have very mixed effects on different devices and different browsers on a phone.
Sometimes (newer phones) it seems to work. Other times is fits the whole pic and is static. Other times it seems to show the original size, so you only see a fraction of the image and it is all blown up.

Not sure if there is a fix, but the easiest thing i think would be able to disable any parallax effect on mobile viewing. Just ‘fit’ the whole image in the section.

Can this be done?
http://www.kickon.com

thank you!

[Raghavendra]

The following CSS should help. Pls check if this helps. Can you pls tell me which phones are causing issues –

@media only screen and (max-width: 1100px) {
.segment {
background-attachment: scroll !important;
background-position: center center !important;
}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
.segment {
background-attachment: scroll !important;
background-position: center center !important;
}
}

[CSKickOn]

My phone, HTC One in chrome just shows the entire pic ‘fitting’ to the screen. no scrolling effect. but looks ok. In the default internet browser app (that I never use) nothing shows, just blank.

On a friends iPhone 5s, he gets the blown up full size non scrolling image showing.
(but on other iphones I get a similar effect to my phone…)

On a friends LG G2, default browser, the effect works perfect.

[Raghavendra]

Can you make the above change and recheck once on 5s.

[CSKickOn]

That seems to work and locks the image. Thank you

[Author]

Posts