Il menu non funziona dopo l’aggiornamento a 1.75

Un utente ha chiesto
Categoria: Sydney di WordPress
Domanda: Il menu non funziona dopo l’aggiornamento a 1.75

Il menu principale ha smesso di funzionare correttamente dopo l’aggiornamento a 1.75 se è presente più di un livello di sottomenu. Per illustrare, vai a https://cpcu.co.uk (il nostro sito di produzione funziona con 1.74), passa il mouse su “Prodotti”, vai su “Risparmio” e il sottomenu appare sulla destra. Questa è l’operazione corretta. Sul nostro sito di sviluppo (https://website.cpcu.co.uk in esecuzione 1.75), passa il mouse su “Prodotti”, vai su “Risparmio” e il menu viene sovrascritto. Scorri leggermente verso destra e il menu lampeggerà. Questo utilizza Chrome v88. Stesso problema su Firefox v85 e MS Edge v88. In Internet Explorer 11, il sottomenu non viene visualizzato affatto.

Un altro problema correlato è, utilizzando 1.75, se lo schermo del browser viene ridimensionato orizzontalmente alla sua dimensione più piccola in modo che il menu dell’hamburger sostituisca il menu a discesa e il menu dell’hamburger venga cliccato senza selezionare alcuna voce di menu, lo schermo viene ingrandito, il menu principale viene visualizzato in nero e non funziona correttamente.

La pagina per cui ho bisogno di aiuto: [log in to see the link]

• (@kharisblank)

  Ciao,

  > Sul nostro sito di sviluppo (https://website.cpcu.co.uk in esecuzione 1.75), passa il mouse su “Prodotti”, vai su “Risparmio” e il menu viene sovrascritto. Scorri leggermente verso destra e il menu lampeggerà.

  Prova ad aggiungere questo codice CSS a Aspetto> Personalizza> CSS aggiuntivo dalla dashboard.

  
  .site-header #mainnav ul li ul.sub-menu li ul.sub-menu {
    right: 100%;
    padding-top: 0;  
  }
  

  Un altro problema correlato è, utilizzando 1.75, se lo schermo del browser viene ridimensionato orizzontalmente alla sua dimensione più piccola in modo che il menu dell’hamburger sostituisca il menu a discesa e il menu dell’hamburger venga cliccato senza selezionare alcuna voce di menu, lo schermo viene ingrandito, il menu principale viene visualizzato in nero e non funziona correttamente.

  Questo non è considerato un problema poiché il selettore del menu principale viene modificato dinamicamente con JavaScript del tema per fornire un aspetto diverso al menu principale sullo schermo del cellulare e del desktop. L’aggiornamento della pagina dovrebbe risolversi da solo. E non credo che i tuoi clienti vedranno la tua pagina in questo modo: ridimensiona la finestra del browser web.

  Spero che questa risposta ti aiuti.

  Saluti,
  Kharis

  (@cpcusteve)

  Ciao Kharis

  CSS aiuta molto, ma c’è ancora uno svantaggio che per risoluzioni dello schermo di circa 1600 x 1200 il menu lampeggerà a destra e quindi passerà a sinistra (vedere https://website.cpcu.co.uk) quando si sposta il cursore su e giù. Spero di averlo spiegato abbastanza bene! Questo accade con Firefox, Chrome e Edge.

  Su MS IE11 il menu non viene visualizzato affatto, so che questo browser è obsoleto ma molte persone lo usano ancora!

  Ho convenuto che il problema con la minimizzazione / massimizzazione della finestra del browser non è il modo in cui le persone userebbero normalmente il sito Web, ma ciò non è accaduto con la v1.74, quindi ho pensato di segnalarlo, non si sa mai, potrebbe aiutarti diagnosticare i problemi!

  BTW, ancora uno dei migliori temi là fuori per ciò di cui hanno bisogno le organizzazioni come la nostra unione di credito, continuate così!

  (@thalakus)

  stesso problema qui, ho usato CSS, ora è tornato alla normalità.
  Ma ci sarà un aggiornamento per eseguire il giusto allineamento senza il CSS necessario?
  Cordiali saluti

  (@kharisblank)

  Ciao @cpcusteve,

  per risoluzioni dello schermo di circa 1600 x 1200, il menu lampeggia a destra, quindi passa a sinistra (vedere https://website.cpcu.co.uk) quando si sposta il cursore su e giù. Spero di averlo spiegato abbastanza bene! Questo accade con Firefox, Chrome e Edge.

  Mi dispiace, ancora non riesco a ottenerlo durante il controllo del tuo sito web. Puoi prendere un video di registrazione dello schermo e caricarlo su Google Drive, quindi collegarlo qui?

  @thalakus,

  Ma ci sarà un aggiornamento per eseguire il giusto allineamento senza il CSS necessario?

  Lo trasmetterò al nostro team di sviluppo per ulteriori verifiche. E sicuramente ci sarà una soluzione permanente per questo se riproducono esattamente il problema. A partire da ora, ho notato solo che si trattava di un problema specifico del sito.

  Saluti,
  Kharis

  (@cpcusteve)

  Ciao Kharis

  Guarda il video allegato https://1drv.ms/v/s!AsOHF3QeIkc81AANICS5zlDAi0e6?e=XKDUvW. Penso che sia ovvio, ma fammi sapere se desideri ulteriore aiuto. Come puoi vedere, selezionando l’opzione di menu “Prestiti” o “Risparmio” e spostandoti a destra della voce, il sottomenu lampeggerà.

  Saluti
  Steve

  (@kharisblank)

  Ciao @cpcusteve,

  Mi dispiace, non posso riprodurre lo stesso problema sull’installazione normale del mio sito di test che esegue l’ultimo tema Sydney (1.75).

  Potrebbe trattarsi di un problema specifico del sito. Ma vedremo in futuro. E ci sarà sicuramente una soluzione permanente a questo problema se riusciremo a ottenere lo stesso risultato.

  Saluti,
  Kharis

  (@cpcusteve)

  Ciao Kharis

  Così bizzare. Se questo aiuta, ho sperimentato un sito di preparazione per vedere se qualcosa fa la differenza. Ho provato quanto segue: –

  1. Disabilita tutti i plugin
  2. Modificare il numero di voci nel menu principale in alto, secondo e terzo livello
  3. Rimuovere tutti i CSS aggiuntivi
  4. Modificare i caratteri e le dimensioni dei caratteri

  Il tutto senza apparenti cambiamenti nel menu lampeggiante del terzo sottolivello. Continuerò a cercare e ti darò un aggiornamento se trovo qualcosa.

  Spero che il tuo team possa riprodursi e ti ringrazio per il tuo aiuto finora.

  Saluti
  Steve

  (@cpcusteve)

  Ciao Kharis

  Avendo un po ‘di tempo libero (non siamo tutti con Covid?) Ho confrontato la versione 1.74 con 1.75 e l’ho ristretta al file’ style.css ‘di Sydney, riga 857, che è

  #mainnav:not(.mainnav.toggled) li:hover > ul {

  L’editor Cpanel segnala che questo non è un CSS valido. L’ho sostituito con l’equivalente 1.74 che era

  #mainnav li:hover > ul {

  e il menu ha quindi funzionato correttamente come con 1.74. Spero che questo ti aiuti a diagnosticare e correggere correttamente il codice – ovviamente c’è un motivo per cui è stata apportata la modifica !! Lascio la versione 1.75 non modificata attivata https://website.cpcu.co.uk in modo da poter continuare a vedere il problema e attendere una correzione di bug “ufficiale”.

  Spero che questo ti aiuti

  Saluti
  Steve

  (@cpcusteve)

  PS questo risolve anche il problema del “menu che non funziona affatto” con IE11!

  (@deanes)

  Anch’io vedo esattamente questo problema.

  Oggi aggiornato a WP v5.7 e il problema persiste.
  Ho utilizzato la soluzione alternativa CSS suggerita sopra da Kharis;

  .site-header #mainnav ul li ul.sub-menu li ul.sub-menu {
    right: 100%;
    padding-top: 0;  
  }

  Sito = https://www.krabi-divers-inn.com

  (@kharisblank)

  Ciao @cpcusteve,

  L’editor Cpanel segnala che questo non è un CSS valido. L’ho sostituito con l’equivalente 1.74 che era

  Posso confermare che la riga sta causando il problema poiché ha la precedenza su una proprietà diversa. Ma questa linea è necessaria.

  Ti consiglio di aggiungere questo codice CSS al tuo sito web CSS aggiuntivo

  
  #mainnav .sub-menu .sub-menu {
      left: 100% !important;
      padding-top: 0 !important;
  }
  

  Aggiungendone altri abbiamo una soluzione permanente per questo e sarà disponibile nel prossimo aggiornamento del tema. Per favore sii paziente.

  @deanes Grazie per aver condiviso il codice. Il tuo sito è bellissimo e mi piace. Grazie per aver scelto Sydney.

  Saluti,
  Kharis

  (@deanes)

  Ciao
  Grazie per l’aggiornamento e il feedback sul nostro sito.
  La soluzione alternativa al codice CSS funziona correttamente.
  Possiamo aspettare il tuo prossimo aggiornamento del tema.
  Cordiali saluti

  (@kharisblank)

  Di niente!

  Fateci sapere in un nuovo argomento se avete ulteriori domande o se possiamo fornirvi ulteriore assistenza.

  Saluti,
  Kharis

  (@tuteplays)

  Ciao, ho lo stesso problema con i menu a discesa in Firefox dall’aggiornamento a Sydney 1.76 sulla nostra pagina: https://www.feuerwehr-nagold.de/

  Come posso vedere, il sito di @cpcusteve https://cpcu.co.uk/ inoltre non funziona sul mio PC con Firefox. Non riesco a passare il mouse sul menu sulla sua pagina.

  Ho provato ad aggiungere la parte CSS personalizzata e anche a cambiare style.css come menzionato sopra, ma entrambi non hanno funzionato.

  Alcuni dei nostri visitatori ci hanno scritto che il nostro menu è rotto e che non possono accedere a determinate pagine tramite il menu.

  C’è qualcos’altro che posso fare per risolvere questo problema senza annullare l’aggiornamento con un backup?

  Grazie mólto!

  (@cpcusteve)

  Ciao @tuteplays

  Strano, ho provato il tuo sito e fintanto che hai solo menu a discesa sulle voci di menu Abteilungen ed Einsatze, funzionano bene in Chrome, Edge e Firefox per me. Non è uno strano problema linguistico, vero? Il tuo Firefox è alla versione più recente (87.0)?

  Puoi anche provare a svuotare la cache, che a volte risolve le cose.

Hai risolto il tuo problema?

SìNo

0 / 0