Deviceorientation event

SschoerbSep 21, 2018

Hi,

I am having trouble with the responsive, mobile code not working properly on a site. This code works properly when I host it on my server, but when I host it on my client's server, the mobile/responsive views do not work.

Here, on my server, the code works if you look in a device/mobile view: http://frameworxmedia.com/clients/caynote

When I put the site files on my client's server and use their forwarded domain, the mobile code does not trigger: http://www.caynote.com/

I noticed in the console that I get an error message about the deviceorientation being blocked from a feature in the revolution extension. I did some research and it seems that maybe that deviceorientation event may not work across domains, so maybe that's why it doesn't work with my client's forwarded domain?

Do you have any advice or way to fix this please? Thank you!

Here is the console warning I get:

revolution.extension.parallax.min.js:7 [Deprecation] The deviceorientation event is deprecated on insecure origins, and support will be removed in the future. You should consider switching your application to a secure origin, such as HTTPS. See https://goo.gl/rStTGz for more details.
checkForParallax @ revolution.extension.parallax.min.js:7
runSlider @ jquery.themepunch.revolution.min.js:7
initSlider @ jquery.themepunch.revolution.min.js:7
(anonymous) @ jquery.themepunch.revolution.min.js:7
dispatch @ jquery.js:2
y.handle @ jquery.js:2
trigger @ jquery.js:2
(anonymous) @ jquery.js:2
each @ jquery.js:2
each @ jquery.js:2
trigger @ jquery.js:2
waitForScripts @ jquery.themepunch.revolution.min.js:7
(anonymous) @ jquery.themepunch.revolution.min.js:7
each @ jquery.js:2
each @ jquery.js:2
revolution @ jquery.themepunch.revolution.min.js:7
(anonymous) @ (index):311
l @ jquery.js:2
c @ jquery.js:2
setTimeout (async)
(anonymous) @ jquery.js:2
u @ jquery.js:2
fireWith @ jquery.js:2
fire @ jquery.js:2
u @ jquery.js:2
fireWith @ jquery.js:2
ready @ jquery.js:2
_ @ jquery.js:2
revolution.extension.parallax.min.js:7 The deviceorientation events are blocked by feature policy. See https://github.com/WICG/feature-policy/blob/gh-pages/features.md#sensor-features
checkForParallax @ revolution.extension.parallax.min.js:7
runSlider @ jquery.themepunch.revolution.min.js:7
initSlider @ jquery.themepunch.revolution.min.js:7
(anonymous) @ jquery.themepunch.revolution.min.js:7
dispatch @ jquery.js:2
y.handle @ jquery.js:2
trigger @ jquery.js:2
(anonymous) @ jquery.js:2
each @ jquery.js:2
each @ jquery.js:2
trigger @ jquery.js:2
waitForScripts @ jquery.themepunch.revolution.min.js:7
(anonymous) @ jquery.themepunch.revolution.min.js:7
each @ jquery.js:2
each @ jquery.js:2
revolution @ jquery.themepunch.revolution.min.js:7
(anonymous) @ (index):311
l @ jquery.js:2
c @ jquery.js:2
setTimeout (async)
(anonymous) @ jquery.js:2
u @ jquery.js:2
fireWith @ jquery.js:2
fire @ jquery.js:2
u @ jquery.js:2
fireWith @ jquery.js:2
ready @ jquery.js:2
_ @ jquery.js:2

SSemicolon WebSTAFFSep 24, 2018

Hello,

Currently, iframes do not support Responsive Properly which is why you are facing this issue. It appears that you are using GoDaddy for your Domains and using it to forward your Website. Consider using the following solution:

Godaddy does support serving a 301 or 302 http redirect instead of framing your site; use "forward only" instead of "forward with masking", which is accomplished with the frame. Note that users will see the address you're forwarding to in their address bar, rather than the address they entered. There's no good way to avoid this with forwarding, although you might be able to do so with a CNAME.

The process I followed to set this 301 redirection is:

Click domain name on My Account screen
Click "Manage" under "Forwarding"
Click "Edit" to bring up window where new URL can be entered
Click "Advanced Options" and choose "Forward Only"

To do this through DNS, go to the DNS Manager and either use a CNAME for the real domain name of your host, or, if you have a static IP address, you can set up an A record to point directly at it.

This should fix the issue. Hope this Helps!

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