Crie Menus Responsivos

[jose hu 0]

Olá to fazendo um layout responsivo, mais gostaria de saber como fazer o menu, pois ele tem que mudar quando passa para 320 ele tem que mudar de menu normal para drop down...como fazer ?

Tipo, como mudar a div de lugar no layout responsivo?, só sei mudar o css...

[vonzuben 12]

procura ler sobre Bootstrap
http://getbootstrap.com/components/#navbar

adiciona a extensão no chrome ResponsiView para fazer teste
https://chrome.google.com/webstore/detail/responsiview/kcemonjjmilbiepahkhanlkddonpjlep

[Denis.Santos 7]

É só mudar por CSS mesmo, é ele que vai controlar a aparência direcionada a cada resolução, é só você especificar uma media query direcionada a esta resolução que você quer fazer a alteração.

 

Frameworks são bons, mas procure primeiro aprender a fazer na unha, assim você entenderá melhor para que serve cada coisa.

[GustavoDose 1]

usa display none no menu que tem que sumir

 

coloca display block no menu do media query que voce precisa

 

exemplo:

 

@media only screen and (max-width:320px){
   #menu-normal{
     display:none;
   }
   #menu-responsivo{
      display:block
   }
}