Cita:
Iniciado por Ag666 pues tu problema es la utilización de position:fixed y no declarar un min-width para que se visualice correctamente, declarando este podrías solventar tu problema aunque puede haber mejores opciones.
deberías pensar en utilizar CSS Media Queries de o PHP para separar estilos en función a la resolución de la pantalla
sumado a esto valida tu código tienes una serie de errores algunos sin importancia y otros graves como por ejemplo
entre muchos mas.
Nota: tu comentas problemas con dispositivos móviles pero aun viendo el sitio desde mi portátil encontré problemas, principalmente cuando pasas el puntero sobre la opción "votar"
Hola he estado validando el código y investigando sobre los media queries, de momento lo he implementado en la página de inicio que es la que menos errores tiene pero no me funciona, es decir: al hacer zoom en el input de iniciar sesión, en vez de hacer zoom y no modificar nada, el input de la contraseña se me pone abajo y el menú se me echa encima, queda muy mal, no sé si me habrás entendido pero si puedes pruebalo y verás a lo que me refiero, he usado esto:
Código PHP:
@media screen and (max-width: 480px) {
.menu{
position: absolute;
left: 0%;
top: 0%;
width: 320px;
max-width: 320px;
height: 30px;
background-color: #22B14C;
border: #22B14C solid 2px;
z-index: 2;
}}
Pero no me ha funcionado, ojalá puedas arrojar un poco de luz al asunto jeje, gracias
EDITO: Por ejemplo, viéndolo en el portátil, al hacer mucho zoom al menú, los elementos se empiezan a sobreponer y yo quiero que simplemente haga zoom al menú, no quiero que los elementos se superpongan para aparecer en la pantalla, si hago zoom en el medio del menú quiero que se vea lo que hay en el centro, no TODA la barra, ese es el problema.