Link interni sul menu non funzionano

[emanuelenaima]

Sto avendo un problema veramente strano che non riesco a risolvere, le ho provate di tutti i colori, ma niente, sono arrivato al mio limite di conoscenze – si tratta di un sito realizzato con WordPress.

Il menu del mio sito non reindirizza l'utente su altre pagine interne. Il menu è molto semplice, è composto da tre pagine

• homepage (cliccandoci, ricarica la pagina correttamente)
• pagina interna n.1 (cliccandoci non fa nulla)
• about (per ora il link è temporaneo, ovvero "#", e funziona correttamente)

Se ad esempio clicco tasto destro –> apri link in un'altra tab funziona correttamente.

Inoltre, se disabilito il JavaScript da DeveloperTools di Google Chrome, cliccando sul link funziona tutto correttamente quindi suppongo che ci sia qualcosa nel JavaScript che mi crea questo problema, ma non riesco a capire da dove proviene e perché è comparso da un giorno all'altro. Io non conosco Javascript e non ho aggiunto né tolto nulla, quindi boh .. non saprei...

Inoltre, se vado manualmente alla 'pagina interna n.1', cliccando sul menu l'homepage non funziona. Quindi è tutto all'inverso. Perciò mi sento di dire che non c'è nulla in overlap, le ho provate in tutte le maniere con CSS (almeno credo...). Comunque anche se aggiungendo un altro <nav> da qualche altra parte nella pagina, il problema persiste.

Cosa posso fare? Qualcuno che mi da una mano?

Il sito in questione: www.emanuelenaima.com
Pagina interna n.1: www.emanuelenaima.com/puka-shells-bling/

Grazie in anticipo

[frasidipace]

Salve,
anche su mobile il menu non si attiva.
Provi ad accedere a Impostazioni->Permalink, si accerti che sia settato su "Nome articolo".
Setti "Semplice" e salvi, poi riporti in "Nome articolo" e salvi.
Eventualmente verifichi anche se il tema e tutti plugins sono aggiornati.
Qual è il tema che sta utilizzando?

Saluti

[emanuelenaima]

Salve,
effettivamente modificando come dice lei da 'Nome Articolo' a 'Semplice' funziona tutto correttamente, ma appena riporto a 'nome articolo' non funziona più nuovamente. Ho provato un paio di volte.

La versione mobile la devo aggiustare, secondo me ho fatto qualche errore con css o forse è lo stesso problema? Non funziona neanche se cambio il permalink a 'semplice' come mi ha detto.

[frasidipace]

Allora c'è qualcosa che sta interferendo con i permalink.
Ha provato a disattivare i plugins e con un tema nativo Wordpress?
Il css può interferire con il responsive. Provi a commentarlo.

Saluti

[GraphOGLRisorse]

Il menu del mio sito non reindirizza l'utente su altre pagine interne. Il menu è molto semplice, è composto da tre pagine

homepage (cliccandoci, ricarica la pagina correttamente)
pagina interna n.1 (cliccandoci non fa nulla)
about (per ora il link è temporaneo, ovvero "#", e funziona correttamente)

Se ad esempio clicco tasto destro –> apri link in un'altra tab funziona correttamente.

Salve,
il problema del del menu, sembra essere legato allo script che risulta a fine pagina e gestisce l'animazione correlata ai click nei tag di tipo link <a></a>.

<script>
document.addEventListener('DOMContentLoaded', function() {
    if (!window.AnimationEvent) { return; }
    
    var anchors = document.getElementsByTagName('a');
    
    for (var idx = 0; idx < anchors.length; idx += 1) {
        if (anchors[idx].hostname !== window.location.hostname || 
            anchors[idx].pathname === window.location.pathname) {
            continue;
        }
        
        anchors[idx].addEventListener('click', function(event) {
            event.preventDefault(); // Prevent the default link behavior
            
            var fader = document.getElementById('fader');
            var anchor = event.currentTarget;
            
            // Add animation
            fader.classList.add('fade-in');
            
            // When the animation ends, proceed to the new page
            fader.addEventListener('animationend', function() {
                window.location = anchor.href;
            });
        });
    }
});
</script>

Quando si clicca sul link realtivo alla "pagina interna n.1", la variabile var fader viene valorizzata con null, mandando in blocco il caricamento della pagina.

Quello script fa parte del tema nella versione originale o lo ha aggiunto?

Per il resto dei problemi tratti con frasidipace (situazione strana), anche se sta usando del CSS personalizzato e la cosa può risultare un po' noiosa, ricordo che può provare a risolvere da recovery.

Cordiali saluti.

[emanuelenaima]

Che risposta dettagliata, grazie! Potrebbe essere uno script che ho aggiunto io in passato, poi l’ho dimenticato. Perché il sito è stato in standby per quasi un anno. Proverò certamente a togliere ciò che mi avete detto. Grazie ad entrambi per il prezioso aiuto!!

Il tema che ho usato è Underscore, che è tipo un blank template con il quale mi posso permettere di fare tutto da me, non conoscendo molto il linguaggio di WordPress, preferisco avere maggiore controllo sull’html. Non so se è giusto o sbagliato, ma è super veloce per creare siti semplici con il layout che più mi piace

[emanuelenaima]

Salve,
il problema del del menu, sembra essere legato allo script che risulta a fine pagina e gestisce l'animazione correlata ai click nei tag di tipo link <a></a>.

<script>
document.addEventListener('DOMContentLoaded', function() {
    if (!window.AnimationEvent) { return; }
    
    var anchors = document.getElementsByTagName('a');
    
    for (var idx = 0; idx < anchors.length; idx += 1) {
        if (anchors[idx].hostname !== window.location.hostname || 
            anchors[idx].pathname === window.location.pathname) {
            continue;
        }
        
        anchors[idx].addEventListener('click', function(event) {
            event.preventDefault(); // Prevent the default link behavior
            
            var fader = document.getElementById('fader');
            var anchor = event.currentTarget;
            
            // Add animation
            fader.classList.add('fade-in');
            
            // When the animation ends, proceed to the new page
            fader.addEventListener('animationend', function() {
                window.location = anchor.href;
            });
        });
    }
});
</script>

Quando si clicca sul link realtivo alla "pagina interna n.1", la variabile var fader viene valorizzata con null, mandando in blocco il caricamento della pagina.

Quello script fa parte del tema nella versione originale o lo ha aggiunto?

Per il resto dei problemi tratti con frasidipace (situazione strana), anche se sta usando del CSS personalizzato e la cosa può risultare un po' noiosa, ricordo che può provare a risolvere da recovery.

Cordiali saluti.

Grazie ancora per la gentilezza, era proprio quello il problema!