Main navigation - Mobile

[Magalha 0]

Boa noite amigos,

 

Primeiramente queria dizer que sou iniciante e sei muito pouco de programação (quase 0). Estou me virando para colocar um site no ar sozinho. Fiz algumas alterações usando css em meu site (fui introduzindo uma a uma e testando em diversos dispositivos).

 

Porem tem uma que esta me dando dor de cabeça! Alterei apenas a cor do backgroun e do texto na minha barra de navegação da seguinte forma:

 

"body .main-navigation, .navigation-container .site-title, .navigation-container ul li a, .navigation-container .icon-search {
    background: #ffffff;
      color: #d83200; 
}"

 

Porem, quando acesso o site via dispositivo móvel os ícones e o texto da barra de navegação principal estão na cor branca (ou seja backgroun branco e letras + ícones brancos). Já tentei de tudo e não consigo achar a classe que altera isso, tenho 03 dias revirando a net e nada! Se for algo complexo estou disposto a pagar pelo serviço.

 

o site é www.naviagemdeviajar.com.br

[winterjeferson 0]

Para mim isso não aconteceu.

A princípio o menu está colorido.

[Magalha 0]

Na verdade o que aconteceu foi que o menu "hamburger" estava na mesma cor do background e os outros ícones também (não sei o nome deles hehehe). Também estava usando "background" ao invés de "background-color". Resolvi assim...

 

.ham:before, .ham:after {
       background-color: #d83200;
    
}
.ham {
       background-color: #d83200;
}

.main-navigation .menu .menu-mobile li a i:before, .main-navigation .menu .menu-mobile li a i:after {
    background-color: #d83200;
}

 

A próxima guerra é mexer no HTML do footer.  Quero uma seção única, ao invés de 3 inúteis que vem por  padrão no meu tema.