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

Em uma tela estreita — até 768 pixels — o menu superior se reorganiza sozinho, não é preciso configurar nada:

• no cabeçalho ficam apenas o logotipo e a saudação, à direita — o botão «hambúrguer»;
• ao clicar, os demais itens são exibidos em uma lista abaixo do cabeçalho: linha de largura total, texto centralizado, linhas finas entre as linhas;
• um novo clique 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, o botão permanece à direita do logotipo.

Quais itens permanecem 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 se torna seu limite. Não haverá espaço vazio extra 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 fica como um círculo ao lado do «hambúrguer».

Se não funcionou

• No celular o site está 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. Há um elemento largo no texto atrapalhando — uma tabela ou bloco com largura definida em pixels. Reduza a largura ou defina-a em porcentagem.
• O botão necessário se escondeu no «hambúrguer». Por exemplo, «Instalar aplicativo». Coloque-o no rodapé ou como uma seção na página.