[mrivanpParticipant]

Still nothing.

I have even done a completely clean wordpress installation and installed your theme and integrity 1 demo.

http://alibilasvegas.com/deletethisplease/

STILL no parallax.

But remember i DO get parallax with http://theme.co/x/demo/integrity/1/

What is about the demo data on my wordpress installation that is now allowing parallax?

[mrivanpParticipant]

i meant not allowing parallax

[mrivanpParticipant]

Here is screencast.
http://screencast.com/t/JpKBOfcBZ
by the way its not your demo data – i even tried creating a new page with just a few elements on it, and still no parallax (only in ie).
And remember..i DO get parallax here – http://theme.co/x/demo/integrity/1/

this is very frustrating now – its obvsiouly a setting i need to have on – but what???

[RadModerator]

Hi there,

That’s really weird, would you mind providing a screenshot of your browser console? Please check google chrome’s developer tool documentation for that.

I’d like to see if you’re getting errors of any.

It’s really working on my end so I can’t really check what’s wrong. Have you tried on different machine?

Thanks!

[mrivanpParticipant]

I should see it in the console window right? I’m not getting any errors. And yes, on another machine it IS okay on chrome..BUt if it doenst work on my computer, it may not work on clients computers also.

[RadModerator]

Hi there,

In that case, would you mind providing the all possible details of your computer? I’ll see if I can find the same as yours.

Thanks!

[mrivanpParticipant]

Okay, ive managed to work out what the problem is.
Your page – http://theme.co/x/demo/integrity/1/ has a few lines that the demo doesnt have.
<script>
jQuery(function(){
var BV = new jQuery.BigVideo(); BV.init();
if ( Modernizr.touch ) {
BV.show(‘http://theme.co/x/demo/integrity/1/wp-content/uploads/sites/2/2014/06/x-home-5-bg-video-slider-touch-2.jpg’);
} else {
BV.show(‘http://player.vimeo.com/external/118652789.hd.mp4?s=8456b8577a16b5d2ca013a149f0e3d88’, { ambient : true });
}
});
</script>

When this is inserted into my page, i DO get parallax.
Now, i do have a touch screen laptop – and i get what this code is doing – its saying (for your demo), that if a touch screen laptop is being used, then the revolution slider should be a static image rather than a video.

BUT – what has this got to do with the parallax movement further down the page?

I can break down those lines to just

<script>
jQuery(function(){
var BV = new jQuery.BigVideo(); BV.init();
if ( Modernizr.touch ) {
BV.show();
} else {
BV.show(”,{ ambient : true } );
}
});
</script>

And this gets me parallax on a touch screen. but WHY???

[ChristianModerator]

Can you give us more details on what you mean by your questions?

Thanks.

[mrivanpParticipant]

What do you mean? read the rest of the thread and you will understand. I want to know why having those lines with regards to the revolution slider only showing a video header when the monitor is not touch screen, why does that effect chromes ability to show parallax or not

[mrivanpParticipant]

Did anyone from X see the above reply?

[RadModerator]

Hi there,

That’s weird, the above coding is not for slider or anything. It’s coding for background video, and the condition is to display cover image on touch devices, and video on desktops. It shouldn’t affect your parallax because the library used on them are independent from each one.

Though, since you mentioned about laptop with touchscreen then I think that’s the problem. Since parallax effect is actually disabled on mobile.

In responsive design, we can identify device through resolution and touch feature. Tablet and mobile is usually identify by 0px to 1024px and with touch feature. And desktop is identified from 1024px to larger resolution with no touch.

With the emergence of new tablets with higher resolution that almost surpass desktop resolution causes issues with responsive design. Because we can’t rely on resolution anymore to identify the device, our last option is to identify if it’s touch screen or not.

Now in the emergence of both desktop/laptop with touch feature kills it again. We can’t tell the difference through coding as they are both shares same resolution and touch feature from mobile/tablets.

We’re still looking for some improvement for hybrid devices. We’re trying to find some solution over this issues since not only the parallax are affected. There are many of theme, not just on our theme because this is the limitation of responsive design.

Parallax has problem with mobile devices and it’s been disabled for mobile. Since we can’t identify if touch devices is mobile or laptop, the coding just assume that it’s mobile and disable it. As you claimed that pasting the code fix it, it’s because it throws error. And the error disables some other javascript (including the coding that restrict parallax on mobile).

Even if you successfully re-applied parallax on laptop with touch, then the mobile version could be failing since they are both touch device.

Thanks for understanding.

[mrivanpParticipant]

Thanks for the reply..But this is not quite satisfactory.

Look at this page –
http://www.gkstrategy.com/understand-government-media-and-the-public-sector/

They have parallax – this DOES display on chrome on my TOUCH computer. So what are they doing that enables them to have parallax. Their page is not throwing up any errors? And the only touch reference is in the revolution slider.
Please explain

[FriechModerator]

Hi There,

Are you on windows 8? Parallax is automatically disabled for touchscreen devices. Windows 8 has touchscreen support enable by default even without touchscreen hardware. Please try, open the device manager, navigate to Human Interface Devices and disabling the “HID-compliant touch screen” and restarting the browser.

Let us know how it goes, Thanks!

[mrivanpParticipant]

Yes this fixed it, but i dont see what this has got to do with anything.
Please read through the rest of the thread.
Why for example, does this page (which was developed with x), get parallax on my computer, but my page doesnt.
please read rest of thread.

[RadModerator]

Hi there,

Please follow this thread https://theme.co/x/member/forums/topic/parallax-on-mobile-ipad/?replyto=274015#post-274097

Please ensure that you don’t have caches.

Hope that helps.

[Author]

Posts