Hola,
una solución es en la función comprobar el ancho de la ventana y actuar según lo que sea, aunque yo suelo hacer estas cosas añadiendo clases en lugar de editar las propiedades:
Código CSS:
Ver original/*Añado una clase para cuando este abierto*/
#menuR.open{
display:block;
}
/*Y las hago desaparecer cuando me interesa*/
@media screen and (min-width:700px) {
#menuR, #menuR.open {
display:none;
}
}
Código Javascript
:
Ver original/*Esta funcion añade o quita la clase al clickar*/
function MenuVisible() {
document.getElementById("menuR").classList.toggle('open');
}
La ventaja de esto es que puede añadir transiciones y otras cosas en la clase añadida. Aquí esta en funcionamiento:
http://jsfiddle.net/mbm150/51znynr4/
De todas formas, como te he dicho antes puedes averiguar el ancho con js y desde javascript modificarlo también.
Saludos.