Menu não aparece no mobile

Layout
1

Boa noite,

Eu fiz um menu com somente paginas extras usando o codigo abaixo

/* pagina extra no menu principal (java/cabeçalho)*/
$(’#nivel-um’).ready(function()
{
var newItem = document.createElement(“li”);
newItem.className += ’ borda-principal’;

var newLink = document.createElement(“a”);
newLink.className += ’ titulo cor-secundaria’;
newLink.href = ‘url site’;

var textnode = document.createTextNode(“nome”);

newItem.appendChild(newLink);
newLink.appendChild(textnode);

var list = document.getElementsByClassName(‘nivel-um’)[0];
list.insertBefore(newItem, list.childNodes[0]); //use esse para adicionar no inicio do menu
//list.appendChild(newItem); //use esse para adicionar no fim do menu
});

Porem no site visto pelo pc, o menu funciona normalmente, mas qdo abro pelo celular não aparece nenhum item do menu

tem algum codigo que faço aparecer no celular tambem?

2

Olá PedroPotela, bem, eu ainda estou aprendendo a colocar códigos no Mobile, mas consegue uma proeza, (rsrs), antes meu menu está sem texto, apenas caixas com cores, e estava uma bagunça, agora com esse código, pelo menos agora, é mostrado os textos: tenta ae :slight_smile: tomara que consiga :slight_smile:

@media (max-width: 767px) {.nivel-dois {display: none !important; background-color: white !important;} li.com-filho:hover .nivel-dois {display: block !important;}}
@media (max-width: 767px) {.nivel-um {background-color:white !important;}}
@media (max-width: 767px) {.categoria-marcas.com-filho {background-color: white !important;}

Cabeçalho / Todas as páginas / CSS

No meu ficou as letras verdes e os blocos brancos, ainda não sei como alterar, mas sempre pesquisando a gente uma hora aprende né (rsrs), espero ter te ajudado :slight_smile: