0

I am using a free template to build a static website (http://keenthemes.com/preview/megakit/) but I cannot seem to disable parllax scroll on mobile.

I have been trying to modify parallax.min.js file but cannot get it work on mobile devices. Images are not displayed on mobile at all.

Below is the code:

var Parallax=function(){"use strict";var a=function(){$(".js__parallax-window").parallax("50%",.1)};return{init:function(){a()}}}();$(document).ready(function(){if(window.innerWidth>760){Parallax.init()}});

Thanks for your help!

1
  • I have seen your website images are displaying in mobiles mode. I think the cashing problem is there once you press control+f5 keys. Commented Nov 28, 2018 at 5:35

1 Answer 1

1
@media(max-width: 480px){
    .js__parallax-window {
        background-attachment: unset !important;
    }
}

Use this code in your css file, this will help for sure

Sign up to request clarification or add additional context in comments.

5 Comments

Is is also possible to make sure that the image is not distorted when mobile is rotated?
what do you mean by image distorted here? I am not getting it
Sorry for the confusion. For example, one of the image is only showing half if the actual image when phone is rotated
oh,, tell me the exact image in your design on website, will try to fix it if I can and will give you the code.
thanks for this. will provide it to you once the site is ready :)

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.