A megamenü nem reagál mobilon (gyorsítótár)

A Megamenü widget mobilon és tableten általában magától hamburger ikonná alakul, a böngésző mobil nézetében is. Ha ez nem történik meg, és a mobilon is az asztali menü látszik (vagy fordítva), az ok szinte mindig a gyorsítótár. Az alábbi sorrendben érdemes végigmenni.

Hogyan ellenőrizd a mobil nézetet

• Nézd meg a menüt valódi mobilon, vagy a böngésző eszközemulátorában (fejlesztői eszközök, mobil nézet), és utána frissítsd az oldalt.
• Ne az ablak átméretezésével és ne az Elementor reszponzív módjával ellenőrizz: ezek nem adnak megbízható eredményt a gyorsítótárazott oldalaknál.
• A frissítéshez gyorsítótár nélkül töltsd újra az oldalt (Ctrl + F5). Ha ezt kihagyod, a mobil menüváltozat az asztali gépen is megmaradhat, az asztali pedig a telefonon.

Ez a viselkedés érthető: a látogatók vagy asztali gépről, vagy telefonról nyitják meg az oldalt, és az első látogatásnál nincs gyorsítótár, így a menü náluk jól működik.

Gyorsítótár-bővítmény

1. Lépj a Bővítmények → Telepített bővítmények oldalra.
2. Keresd meg a gyorsítótár-bővítményt, és kattints a Kikapcsolás gombra. A beállítások megmaradnak.
3. Ürítsd a gyorsítótárat, és próbáld ki újra a menüt, lehetőleg inkognitó ablakban.

Ha kikapcsolva a menü jól működik, a gyorsítótár beállítása a hibás.

Szerveroldali gyorsítótár

A szerver saját gyorsítótára is zavarhatja a menüt. Ilyenkor először a gyorsítótár-bővítményt ellenőrizd: ha kiürítetted a gyorsítótárat és kikapcsoltad a bővítményt, a menünek inkognitó módban helyesen kell működnie.

Példa: WP Rocket

A WP Rocketnél a hibát a rosszul beállított mobil gyorsítótár okozza (Cache beállítások, Mobile Cache rész):

• Ha kikapcsolod az első opciót, az Enable caching for mobile devices mezőt, a menü úgy működik, mintha a bővítmény ki lenne kapcsolva.
• Ha bekapcsolod a másodikat, a Separate cache files for mobile devices mezőt, a Ctrl + F5 után a megamenü szintén jól működik.
• Ha a második opciót újra kikapcsolod, a menü ismét hibásan jelenik meg.

Vagyis a megamenü akkor működik, ha a WP Rocket ki van kapcsolva, vagy a mobil gyorsítótár külön fájlokkal megy. Ha nem sikerül rendbe tenni, fordulj a gyorsítótár-bővítmény ügyfélszolgálatához is.

A WP Rocketben és más gyorsítótár-bővítményekben is érdemes 10 óránál rövidebb gyorsítótár-élettartamot (Cache Lifespan) megadni.

SG Optimizer

Az SG Optimizer bővítmény is okozhat hibát a JetMenuvel. Az SG Optimizer Supercacher beállításainál kapcsold ki a Dynamic Caching kapcsolót.

A menü lekérésének kizárása a gyorsítótárból

Ha a fentiek nem segítenek, zárd ki a menü adatait lekérő kérést a gyorsítótárból:

1. Nyisd meg a weboldalt, és a böngészőben nyisd meg a fejlesztői eszközöket (Inspect). Váltsd át mobil nézetre (az asztali nézet is jó).
2. Lépj a Network fülre, és keresd meg a menüelemeket lekérő kérést (angolul „get menu items”). Ha több ilyen van, az elsőt válaszd.
3. A Headers → General részben másold ki a Request URL értékét.
4. A gyorsítótár-bővítmény beállításaiban add hozzá ezt a címet a gyorsítótárból kizárt címekhez.
5. Ürítsd a gyorsítótárat, és gyorsítótár nélkül töltsd újra az oldalt (Ctrl + F5).