Lösning: Menyn funkar inte på mobila enheter med temat Magazine basic

Nästan varje gång jag installerar ett nytt WordPresstema, så uppkommer någon typ av problem. Stort eller litet, problem är till för att lösas!

Denna gång gällde problemet temat Magazine basic. Jag upptäckte att när man på en mobil enhet klickar på menyn, så dyker den inte upp. Efter lite googlande och felsökning med hjälp av konsolen i Chrome, så hittade jag följande fel och symptom:

Uncaught TypeError: $(…).on is not a function

Glasklart eller hur!? 😉

För att bli mer konkret, så kan man översätta detta till att det är något med jQuery och javascript-ramverk som inte fungerar. Men hur vet man vad som orsakar problemet? Du kanske har 27 plugins och 14 widgets i WordPress och dessutom ingen susning om hur javascript eller jQuery funkar? Håll dig bara lugn, metodisk felsökning är lösningen!

Felsökning i WordPress

En bra metod för att felsöka problem och konflikter i WordPress är följande.

1. Inaktivera alla plugins och avancerade widgets (t.ex. de som använder javascript).
2. Testa och se att problemet försvunnit.
3. Aktivera 1 plugin eller widget.
4. Testa om problemet dyker upp?
5. Hittat pluginet eller widgeten som orsakar problemet? Om inte, fortsätt från punkt 3.

När du identifierat det plugin (eller widget) som orsakar problemet, så ska du förstås inaktivera det.

Oftast blir lösningen att hitta ett liknande WordPress plugin eller widgets som löser samma uppgift på ett bättre sätt.

Mitt problem och lösning då?

Jo, det visade sig att min widget med Mailchimp-formulär, för att skriva upp sig på nyhetsbrevet, kom i konflikt med temats Javascript-funktioner. Efter att jag inaktiverade widgeten, så började menyn fungera på mobila enheter igen!

För att återinföra funktionen att kunna registrera sig på nyhetsbrevet, så installerade jag ett nytt plugin Mailchimp for WordPress. Därefter lade jag till det pluginets inbyggda widget.