Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

RESOLVIDO : Adiciono o ícone do menu hamburguer e o

Referente ao curso Web Design Responsivo: Páginas que se adaptam do mobile ao desk, no capítulo Menu Responsivo e atividade Adaptações maiores do Menu

por Randys Machado Coelho
| 63.4k xp | 2 posts

Como faço para adicionar o ícone "hamburguer" e o "X" no menu responsivo, SEM UTILIZAR O BOOTSTRAP ?

2 respostas
solução!
por Matheus Henrique Castiglioni
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

Fala aí Randys, beleza? Poderia responder o tópico com a solução, no caso, o código acima e marcá-lo como solucionado?

Abraços

por Randys Machado Coelho
| 63.4k xp | 2 posts

já encontrei a solução:

.menu-abrir,
.menu-fechar {
    background: none;
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    font-size: 1.6em;
    text-indent: -999em;
}

.menu-abrir {
    height: 0;
    width:.75em;
    padding-top:.125em;
    border-top: .375em double #000;
    border-bottom: .125em solid #000;

    vertical-align: middle;
    margin: 0.5em;    
}

.menu-fechar {
    position: relative;
    height: 1em;
    width: 1em;
}
    .menu-fechar:before {
        content: '\00D7';
        position: absolute;
        top: 0;
        left: 0;
        text-indent: 0;
    }