HTML - Problema con menu desplegable en los navegadores

Desarrollé un menú desplegable tanto para dispositivos moviles como para laptops, tablets y por supuesto para computadoras de escritorio. Hasta ahora lo tengo en mi computadora de escritorio y para adaptarlo al telefono móvil Presiono ctrl+shift+M para el navegador en Chrome pero me da este mensaje el cual envio a través de esta imagen:


e igualmente cuando lo activo para Mozilla Firefox me da esta imagen, como se puede ver cuando introduzco la cedula 36522.
debiera escribirse en el formulario y no en la parte inferior izquierda donde se esta escribiendo.


Ahora que me sugieren al respecto? Si alguien puediera ayudar.

Aldo,

Te sugiero te informes de los shortcuts de teclado :P.
Ctrl + Shift + M en la mayoria de los navegadores suele llamar al "Device Mode".
Por tu segundo "error" es porque tecleaste Ctrl + F, que como atajo es "buscar en el documento".

https://developers.google.com/web/tools/chrome-devtools/shortcuts

Saludos!

Lopez, no, jamas teclee Ctrl + F, esto aparece cada vez que escribo la cedula en el campo del formulario.

Aldo,

Es solo la respuesta a lo que tu imagen dice.
De paso el titulo dice "Problema con menu desplegable en los navegadores",
la verdad no vemos el problema.

Te recomiendo lo siguiente:
Presiona el boton de control "restaurar" en tu navegador,
y redimensiona la ventana, tendrá el mismo efecto.

Cuentanos que tal,
Saludos!

Donde y disculpa busqué el boton retaurar y no lo hallo.

Aldo,
Es el mismo que usas para maximizar.

Saludos!