Gostaríamos de ter um cabeçalho moderno e responsivo que seja acessível em nosso site Discourse e em nosso site WordPress. Minha pergunta pode ser relevante para qualquer outra plataforma (para o site principal); eu simplesmente estou usando o WordPress.
Até agora, conseguimos isso com uma barra de navegação muito rudimentar. Ela é responsiva para dispositivos móveis e, quando um dispositivo móvel é usado, os títulos de texto são removidos, mostrando apenas os ícones dos botões.
Site - Pickleballist
Site: Mobile
Discourse - Comunidade Pickleballist
Discourse: Mobile
Escrevi todo o HTML e CSS para o cabeçalho global, e é algo bem rudimentar.
À medida que nosso site e nossas ofertas se expandem, seria bom ter um menu de navegação global mais robusto. Mas quero que funcione da mesma forma que funciona atualmente, para que eu possa instalar o mesmo menu de cabeçalho tanto no meu site Discourse quanto no site WordPress.
Encontrei um menu responsivo CSS chamado “Monaka” que acho que seria ótimo para nossas necessidades, mas é um pouco complexo demais para mim… Não tenho certeza do que fazer para implementá-lo/installá-lo.
Alguma orientação aqui?
Para referência, existem alguns tópicos semelhantes sobre menus de navegação globais, etc., mas não consegui encontrar uma solução específica para nossas necessidades.