Alternar menu responsivo para dispositivos móveis que não funciona em algumas páginas

Um usuário perguntou ?

Oi todo mundo, eu encontrei esse site wordpress e estou trabalhando para te conhecer (novato!). Os menus HOME AND UPCOMING EVENTS não funcionam quando reduzidos ao tamanho da tela móvel; ENQUANTO NOTÍCIAS, VÍDEOS, RELATÓRIO, ASSINATURA ASSINADA, ÁLBUNS DE FOTOS, SOBRE EUA, CONTATO perfeitamente.

Ou seja, EVENTOS HOME e UPCOMING são reduzidos a um menu de hambúrguer e alteram o cursor no ponteiro mão/dedo quando ele passa sobre o hambúrguer, mas nada acontece quando ele clica.

O tema do Organic NonProfitVersion é: 4.2.1

Gostaria de sua opinião sobre como resolver o problema. Obrigado.

(@ckbrewer15)

3 anos, 1 mês atrás

Para criar a funcionalidade para abrir/fechar um menu, você pode usar JavaScript. Vejo que jQuery está instalado no seu site. Não encontrei nenhum código para fazer isso por você.

Se você não tiver experiência com arquivos JavaScript, instale um plugin como este que permitirá adicionar CSS personalizados e JavaScript:

Simples CSS personalizado e JS

Crie um novo arquivo JS e selecione as opções para carregar no rodapé e na frente. Adicione este JavaScript:

$ (documento). e (função () {$ (‘# navegação’). clique (função () {$ (‘# menu-menu principal’).

Basicamente, o que isso diz ao navegador é esperar a página carregar e, quando estiver pronta, ouvir o botão de navegação com um clique. Se ocorrer um clique, habilite ou desabilite os itens do menu.

Acho que o site usa uma versão muito antiga do jQuery, o código que eu fornecia pode não funcionar corretamente. Você está usando a versão 1.12.4, mas a versão atual é 3.2.1 a partir de hoje. Se você precisar de mais ajuda com isso, eu recomendo que você entre em contato com um desenvolvedor web profissional como eu, nós somos fáceis de encontrar.

Você pode precisar modificar o estilo do menu móvel depois de abri-lo. O antigo proprietário pode não ter feito isso. Quando experimentei, não vi nenhum estilo amigável para dispositivos móveis para os itens do menu.

Boa sorte.

(@dbaylis)

3 anos, 1 mês atrás

@ckbrewer15 Obrigado por seus comentários. O painel do WordPress diz que o WordPress e todos os plugins e temas estão atualizados. Portanto, de acordo com o plugin jQuery Updater, jQuery é atualizado. Independentemente disso, acho estranho que apenas 2 das 10 páginas do menu móvel não funcionem em todo o site.

(@ckbrewer15)

3 anos, 1 mês atrás

Sua página inicial não usa a versão mais recente do jQuery:

http://foodandwaterfirst.com/FAWFWP/wp-includes/js/jquery/jquery.js?ver=1.12.4

(@dbaylis)

3 anos, 1 mês atrás

@ckbrewer15 Jquery foi atualizado como recomendado, mas não resolveu o problema. Ele voltou porque removeu o logotipo na página PARCEIROS. Siga seu conselho novamente (chame um profissional!) E entre em contato com o designer do site. Vou ver o que acontece. Obrigado novamente por seu tempo e ideias.

Resolveu seu problema?

0/0

Isto foi útil?

0 / 0

Deixe uma resposta 0

O seu endereço de email não será publicado. Campos obrigatórios são marcados *