Buenas,
Estoy empezando con Response Web Design y tengo una duda de CCS.
El diseño para pantalla de pc es el siguiente:
Y por media query, me gustaría que cuando la resolución fuera de máximo de ancho 320 fuera así, es decir, apareciera un icono para desplegar menú:
El código HTML para la cabecera es el siguiente:
Código HTML:
Ver original <div id="linia3">Pernil dessossats Sabadell, S.C.P.
</div> <div id="linia1">SERVEI DE DESOSSAR
</div> <div id="linia2">PERNILS I ESPATLLES
</div> <div id="linia4">Antonio Domínguez García
</div>
Y el código CSS, que afecta la parte del título, es el siguiente:
Código CSS:
Ver original#titol{
margin:0;
padding:0;
float:left;
background-color:lightgray;
width:80%;
text-align:center;
min-width:320px;
}
Dónde creo que debo incluir el código para que se visualize el icono, creo que sería aquí:
Código CSS:
Ver original@media screen and (max-width:320px) {
body {font-size:0.7em;}
}
El problema que se me plantea es que las lineas del título están centradas relativamente. Si quiero añadir el icono a la izquierda, no sé, quizá esté bloqueda, pero no veo la manera.
Alguna sugerencia. Muchas gracias
