lugi

I used a .js to avoid landscape view from mobile device. I edited a white full-screen image saying "this site is not thought to be viewed in landscape mode, please turn your device" to be shown each time I rotate my device from portrait to landscape. It works except when I load a page and I'm already in landscape mode. Any idea on how to fix it? Thanks

<script>(function() {'use strict';var isMobile = {Android: function() {return navigator.userAgent.match(/Android/i);},BlackBerry: function() {return navigator.userAgent.match(/BlackBerry/i);},iOS: function() {return navigator.userAgent.match(/iPhone|iPad|iPod/i);},Opera: function() {return navigator.userAgent.match(/Opera Mini/i);},Windows: function() {return navigator.userAgent.match(/IEMobile/i);},any: function() {return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());}};if (isMobile.any()) {doOnOrientationChange();window.addEventListener('resize', doOnOrientationChange, 'false');}function doOnOrientationChange() {var a = document.getElementById('alert');var b = document.body;var w = b.offsetWidth;var h = b.offsetHeight;(w / h > 1) ? (a.className = 'show', b.className = 'full-body') : (a.className = 'hide', b.className = '');}})();</script>

Update :

I tried adding window.orientation to the script but something is wrong

if (orientation === "landscape-primary") {doOnOrientationChange();window.addEventListener('resize',doOnOrientationChange,'false');}window.onload(doOnOrientationChange());

Helloin this page, in wich I used fullpage.js, I have some issues with (i think) the flexbox with safari and with android browser (portrait view). The boxes are overlapped and not stacked. Is it possible to fix this problem? thanks Luigi

In my site, I'm using the fantastic fullpage.js. Can anyone tell me in a very easy way how to remove the navigation bar when using the mobile view? I don't know anything of JS so if you could be basic I would be grateful.Thank you very muchLugi

Hi,In the page of my site i used a layout made of boxes (with flexbox). In the 2nd box I embedded a google maps with iframe and i covered the map with a div white with some words on it. with :hover I caused the white div to not display when I mouse over it. This works pretty good whith firefox and chrome but not with explorer, how can I fix this problem?Thank you