Pergunta do WordPress Sydney: cores do menu móvel inalteradas

Um usuário perguntou ?

Estou usando Sydney em um site cliente que ainda não foi publicado Quando entro em personalizar > cores – posso colorir os submenus perfeitamente Mas quando olho a página para ser móvel, os menus são pretos e os submenus são escuros azul – tudo com texto branco

Não vejo nenhum lugar para alterar isso para corresponder às cores inseridas na seção Personalizar

O menu é o meu menu principal do WP

imagem da visualização para dispositivos móveis vs visualização para desktop

Obrigado!

(@kharisblank)

2 anos, 8 meses atrás

Olá a todos,

O layout do menu móvel é estilizado especificamente no tema CSS principal. Para alterá-lo, você pode usar este código CSS:

#mainnav-mobi ul li {
  background-color: #fff000;
}

#mainnav-mobi ul ul.sub-menu li {
  background-color: #ff0000;
}

Para aplicá-lo ao seu site, adicione-o a Aparência > Personalizar > CSS Adicional no Painel.

Abraços, Kharis

(@deirdrebeth)

2 anos, 8 meses atrás

Obrigado Kharis!

Existe a possibilidade de alterar a cor do texto com tanta facilidade? Eu tentei “cor” e “cor de decoração de texto”, mas nenhum funcionou, talvez essa fosse minha codificação ruim.

Sobre

(@kharisblank)

2 anos, 8 meses atrás

Olá a todos,

Tente este código:

#mainnav-mobi ul li {
  background-color: #fff000;
  color: #000;
}

#mainnav-mobi ul ul.sub-menu li {
  background-color: #ff0000;
  color: #ddd;
}

Abraços, Kharis

(@deirdrebeth)

2 anos, 8 meses atrás

Infelizmente, isso não funcionou para texto, mas estou feliz com a correspondência de plano de fundo.

Obrigado!

(@kharisblank)

2 anos, 8 meses atrás

Olá a todos,

tente semear importante! argumento para definir a prioridade mais alta e contra o CSS interno produzido pelo custom.

#mainnav-mobi ul li {
  background-color: #fff000;
  color: #000 !important;
}

#mainnav-mobi ul ul.sub-menu li {
  background-color: #ff0000;
  color: #ddd !important;
}

Abraços, Kharis