menu responsivo

[Thiago Duarte 23]

Estou com duvida sobre um menu, será que alguem pode ajudar? quando o site fica na resolução de celular o menu nas linhas da parte branca fica saindo fora da parte laranja, da uma olhada no site: http://goo.gl/MbG1al

abraços =)

 

 

 

[stromdh 15]

Altera essa regra e põe o left em 29% ou o que ficar melhor

.dl-trigger {
    content: '';
    position: relative;
    width: 40px;
    height: 5px;
    background: #fff;
    top: 3px;
    left: 29%;
    box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;
}

[Thiago Duarte 23]

amigo, com atualização que vc mandou alterar não ficou legal rs

 

olha ai http://goo.gl/OekC0L

 

vc tem mais alguma ideia do que pode ser ?

 

não mexi no atual http://goo.gl/MbG1al

[xanburzum 169]

tem alguns exemplos no fórum, dá uma olhada vai te ajudar

[GustavoDose 1]

.dl-trigger {

1. content: '';
   
2. position: absolute;
   
3. width: 40px;
   
4. height: 5px;
   
5. background: #fff;
   
6. top: 3px;
   
7. box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;
   
8. left: 14%;
   
9. margin-top: 20px;
   
10. }
    

so ajustar agora a margin que voce quer, e coloca margin no menu dai , provavelmente vai abrir em cima do icone.

#menu {

1. margin-top: 76px;
   
2. }
   

[Thiago Duarte 23]

não funcionou amigo, você inspecionou e testou ai ?

[reebr 94]

.dl-trigger {
    content: "";
    position: absolute; // x
    width: 40px;
    height: 5px;
    background: none repeat scroll 0% 0% #FFF;
    top: 9%; // x
    box-shadow: 0px 10px 0px #FFF, 0px 20px 0px #FFF;
    text-indent: -9999px; // x
    right: 6.5%; // x
}

Ajuda?

[GustavoDose 1]

não funcionou amigo, você inspecionou e testou ai ?

simm, funcionou de boa aqui!