[SOLUCIONADO] Duda | Adaptar menú a diferentes resoluciones

[tigeek_du]

Hola,

Tengo una pequeña duda para ver si me podrían orientar un poco,
Resulta que tengo una web, la cual tiene un menu alineado con el logo, cuando este llega a 1023px en cuanto resolucion, el menú se baja, por que pues ya no entra en el contenedor, pero entonces mi pregunta es, debo hacer que el menú se adapte a todas las resoluciones o hay resoluciones especificas para ver si aplico mejor media query para ya sea disminuir la fuente, quitar los iconos, etc...

Aqui se ve con la resolucion 1023px, no he aplicado ningun media query es lo que pasa cuando el ancho del contenedor es menor
http://prntscr.com/a2yn0w

Aqui esta como se ve en la web completa mas o menos a 1200px
http://prntscr.com/a2ynlk

Entonces debo mejor adaptar el menu a ciertas resoluciones o me sugieren alguna idea, obligatoriamente debe quedar alineado al logo por que asi lo quiso el cliente- pero pues puedo hacer una excepcion cuando baje la resolucion, el menu aproveche el espacio de abajo .... No se si me hago entender... De igual forma gracias...

[g3kdigital]

jajaja me he reido cuando tapaste el nombre del logo: ASERINDUSTRIA y no tapes el "logo plantilla"


Lo mejor es adaptarlo según los queries necesarios, fijate en los de boostrap, esos bastaran.

Ahora, tu preguntas sí hay alguna manera de lograrlo sin necesidad de mediaqueries y la verdad, sí si que se puede.

Código HTML:

<ul class="menu">
   <li class="logo"> 
      <a><img></a>
   </li>
   <li class="menu-right">
     <ul>
       <li><a></a></li>
       <li><a></a></li>
       <li><a></a></li>
     </ul>
   </li>
</ul>
 

Código CSS:

.menu>lli
{
  display: inline-block;
  vertical-align: middle;
}
 
.logo{
  margin-right:-0.5em; /*o lo que consideres*/
  width: 30%;
}
 
.logo img
{
  display: block;
  min-width: lo que quieras;
  max-width: lo que quieras;
}
 
.menu-right
{
  width: 70%;
}
 

[tigeek_du]

Muchas gracias, lo rediseñe nuevamente a estos estilos, el unico inconveniente es que esta adaptado a wordpress entonces fue un caos que no se viera afectado el resto de codigo, de ante mano gracias.