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

> Mit tegyél, ha a megamenü mobilon nem hamburger menüvé alakul: gyorsítótár-bővítmények, szerveroldali gyorsítótár, SG Optimizer és a menü lekérésének kizárása.

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**).