El sitio web funciona bien en la vista de escritorio, pero la barra de navegación de consulta de medios en el dispositivo móvil se muestra en la esquina más a la derecha, por lo que no está realmente oculta.
CSS
links{ position:absolute; background:#f44336; padding:5px; line-height: 50px; height:100vh; width:200px; top:0; right:-200px; text-align: left; z-index:2; transition: 1s; }js
<SCRIPT> var navLinks = document.getElementById("navLinks"); function showMenu(){ navLinks.style.right = "0px"; } function hideMenu(){ navLinks.style.right = "-200px"; } </SCRIPT>Establecer a la derecha = "-999px" tal vez pueda funcionar en dispositivos móviles como lo que desea:
<script> var navLinks = document.getElementById("navLinks"); function showMenu(){ navLinks.style.right = "0px"; } function hideMenu(){ navLinks.style.right = "-999px"; } </script>