Pergunta do WordPress NewsAnchor: menus temáticos não funcionam no ipad

Um usuário perguntou 👇

Olá, não há outro ótimo tópico além de menus com menus suspensos funcionando. Eu pensei que era apenas o meu lugar mas ao olhar para o fórum também olhei para o site de outra pessoa. A mesma coisa aconteceu no seu site também. Na área de trabalho do seu celular macio, mas em um ipad. Se você tocar no menu de nível superior, você só irá para aquela página e não terá os menus suspensos; no entanto, você deve pressionar e segurar o dedo no menu por mais de um segundo para liberar os submenus; Também não é se você não souber que tem submenus.

Qualquer conselho, obrigado Ian.

(@kharisblank)

2 anos, 8 meses atrás

Olá Ian,

Na tela menor, os usuários devem clicar na seta para baixo no menu principal. Como de costume, um menu principal é vinculado a uma página. Como o menu ‘O que há em Cardiff’, que tem informações para ler /whats-on-in-cardiff/.

É por isso que os submenus só serão expandidos depois de clicar no ícone de seta suspensa. Este cenário não está realmente funcionando para você?

Abraços, Kharis

(@kharisblank)

2 anos, 8 meses atrás

Assista esta transmissão da tela de suporte.

Abraços, Kharis

(@coconasher)

2 anos, 8 meses atrás

Sim, em celulares é bom, mas não em Ipad. Apenas as palavras sem setas estão no menu. Tentarei adicionar uma foto ou link de algum tipo quando recuperar meu ipad mais tarde.

PS: Também adicionei outro item de menu ao menu principal, novamente bom no celular e no desktop, mas não se encaixava corretamente no ipad, tinha duas linhas.

Esta resposta foi modificada 2 anos, 8 meses atrás por.

(@coconasher)

2 anos, 8 meses atrás

Olá, fiz o upload de um vídeo, desculpem a qualidade e o som, etc.

Isso mostra meu dedo fazendo contato com a tela e esperando que o menu mude, ou batendo nele e enquanto o dedo está para baixo enquanto sai da janela copiar/colar do ipad, etc. Em algum outro menu de salto estranho,

Obrigado.

(@kharisblank)

2 anos, 8 meses atrás

Eu tenho. Obrigado!

Parece exigir algum código para ajustar. Vou tentar o que pode estar lá e dar-vos uma atualização em breve.

Obrigado pela sua paciência.

Abraços, Kharis

(@kharisblank)

2 anos, 8 meses atrás

Olá a todos,

A solução é mudar o comportamento dos pontos quebrados do menu mobile, que atualmente só é exibido em uma tela do aparelho menor que 991px. Ele é definido no script do tema principal (veja main.js), nas linhas abaixo do código:


if ( matchMedia( 'only screen and (max-width: 991px)' ).matches ) {
  currMenuType="mobile";
}

para alterá-lo para 1024px (largura para telas do iPad), altere o script acima para:


if ( matchMedia( 'only screen and (max-width: 1024px)' ).matches ) {
  currMenuType="mobile";
}

No entanto, editar o script do tema pai não é recomendado, pois todos os arquivos futuros serão substituídos. Então você deve usar um tema filho. Já fiz um simples com a modificação do script como mencionei acima.

Abraços, Kharis

(@coconasher)

2 anos, 8 meses atrás

Olá, obrigado pelo quebra-cabeça. Eu apliquei esse código e o menu é apenas uma barra branca em branco sem texto.

No entanto, descobri que isso só acontece no modo paisagem. Se o ipad estiver no modo retrato, as três barras de menu em branco aparecerão.

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 *