Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde pessoal!
Estou com o seguinte problema.
Criei um menu responsivo mobile, ou seja, quando diminuo a janela do navegador o menu fica como fosse para celular e na janela de tamanho normal o menu fica in-line.
O problema é que não consigo colocar o menu mais para a direita pois quando faço isso o submenu não acompanha o menu e fica de forma incorreta.
Em anexo segue o arquivo HTML e CSS com toda a formação que estou utilizando.
>
2 horas atrás, Eziquiel disse:
Ola, amigo.
Altere esta parte do seu código CSS, acrescentando o sinal ">" (maior) na na primeira linha. Agora você pode utilizar um "margin-left" sem nenhum problema (se for seu caso).
.menu > ul{
list-style: none;
position: relative;
margin-left: 150px;
}
O que acontece aqui é que o seletor está aplicando estas propriedades apenas na primeira geração de **ul** descendente de de .**menu**.** **Sem o sinal de maior o seletor aplica os efeitos a todos os ul's descendentes de .menu. E neste caso também entraria **.menu ul ul.**
Amigo Eziquiel. Muitoooo Obrigado!!! Você é fera demais!!!
Infelizmente sou novo nesse meio e acabo fazendo umas besteiras hahahaha
Deu certíssimo o que você falou pra fazer!!!
Ola, amigo.
Altere esta parte do seu código CSS, acrescentando o sinal ">" (maior) na na primeira linha. Agora você pode utilizar um "margin-left" sem nenhum problema (se for seu caso).
.menu > ul{