Parallax Images not working on mobile

jamesheckman8's picture
jamesheckman8
Wed, 07/15/2015 - 00:26
#1
Parallax Images not working on mobile

I have tested image blocks with parallax enabled on mobile Safari and Chrome and the images are not responsive. They either disappear or are zoomed in considerably. 

Please see www.jamesheckman.ninja 

Custom class for 'About' block is "small-section bg-gray-lighter pt-10 pb-10"

Under the 'Team' block the custom class is "small-section bg-dark"

Under 'The Work' block the custom class is "small-section bg-gray-lighter pt-10 pb-10"

All 3 blocks have parallax enabled and are set to 'Section Content'.

Thank you

phuonght's picture
phuonght
Wed, 07/15/2015 - 01:01

Hi,

Could you send us your site url, admin and FTP accounts (forum link as well) via email; [email protected]?

We would like to have a check.

phuonght's picture
phuonght
Wed, 07/15/2015 - 23:05

We checked and suggest you to try this way:

Go to sites\all\themes\md_bigstream\js\front - file bigstream-custom.js

find line 810, add the following code:

parallax_init();
into
$(window).resize(function(){

            });

phuonght's picture
phuonght
Wed, 07/15/2015 - 23:16

Sorry it was my typo error,

Please go to sites\all\themes\md_bigstream\js\front - bigstream-custom.js

find line 810, add the following: parallax_init();

into 

$(window).resize(function(){
});

it will become:

$(window).resize(function(){
parallax_init();
});

Log in or register to post comments
Have More Idea?

We are here to build your website!

No Universal solution fits all special business requirements. Our experienced team is ready with ideas and state-of-the-art technical solutions to consult the best solution within your budget.