Sobre o menu no celular está confuso

Ele se estende para a direita, não acho que isso tenha algo a ver com meu CSS porque desativei tudo e ele ainda o faz e não está quebrando a linha corretamente.

Devido aos Termos de Serviço e Política de Privacidade.

Parece que você tem tanto Diretrizes quanto FAQ no menu - acho que é isso que faz com que ele transborde. Se eu adicionar FAQ ao meu site, acontece o mesmo.

Um pouco de CSS adicional pode fazer com que ele quebre a linha:

.nav-pills {
  flex-wrap: wrap;
}

Reduzir o gap em .nav-pills também pode ajudar um pouco.

(Este foi apenas um teste rápido com as ferramentas de desenvolvedor do navegador. Você pode ter que ser mais específico com os seletores se não quiser afetar .nav-pills em outros lugares.)

1 curtida

Sim, parece que isso pode precisar ser corrigido no futuro para que eu não precise adicionar um monte de CSS para resolver isso.

Isso estraga muitas outras coisas nos outros menus sem muito CSS.

FAQ não é mais Diretrizes agora?

Por padrão, agora você tem diretrizes em vez de FAQ, mas mesmo antes dessa mudança, era possível separá-las:

O problema com o espaço no celular ocorre mesmo sem links adicionais, dependendo do idioma da interface. Relatei isso em 2022, mas não entrou na reformulação em 2024:

1 curtida