Duda | Adaptar menú a diferentes resoluciones

[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%;
}