Como o site aparece no celular e como funciona o menu móvel

Em telas estreitas — até 768 pixels — o menu superior se reorganiza sozinho, sem necessidade de configuração:

• no cabeçalho ficam apenas o logotipo e a saudação, e à direita o botão «hambúrguer»;
• ao tocar nele, os demais itens se abrem em lista sob o cabeçalho: linha em largura total, texto centralizado, linhas finas entre elas;
• um novo toque ou um clique fora fecha a lista;
• uma saudação longa, que não cabe ao lado do logotipo, vai inteira para a segunda linha, e o botão permanece à direita do logotipo.

Quais itens ficam no cabeçalho não é configurável: apenas o logotipo e a saudação. Todo o resto do menu superior fica dentro da lista.

Logotipo. No celular ele se ajusta à largura, e a altura da janela de estilos passa a ser o seu limite. Não haverá espaço vazio excessivo acima e abaixo do logotipo.

Como verificar. Abra o site no celular ou estreite a janela do navegador. O botão de alternância do modo administrador no celular aparece como um círculo ao lado do «hambúrguer».

Se não funcionou

• No celular o site aparece pequeno, como no computador. Atualize a página limpando o cache: o celular pode ter guardado uma versão antiga da página.
• A página rola para o lado. Um elemento largo no texto está atrapalhando — uma tabela ou um bloco com largura definida em pixels. Reduza a largura ou defina-a em porcentagem.
• O botão necessário foi parar no «hambúrguer». Por exemplo, «Instalar aplicativo». Coloque-o no rodapé ou como seção na página.