# Külön mobilmenü a Megamenü widgettel

> Más menü megjelenítése mobilon és tableten a Megamenü widget Mobil menü részével, és a mobil megjelenítés globális beállításainak szerepe.

A **Megamenü** widget egyetlen menüből két megjelenést tud adni: számítógépen a megszokott vízszintes megamenüt, mobilon és tableten pedig egy másik menüt, hamburgerikonnal nyitható panelben. Ez a fejezet a külön mobilmenü beállítását írja le.

## Követelmények

- Elementor és a JetMenu aktiválva.
- A desktop menü és a mobilra szánt menü is létre van hozva a **Megjelenés → Menük** oldalon.
- Egy fejlécsablon vagy oldal, amelyben a **Megamenü** widget már szerepel. Fejlécsablonhoz a Crocoblock sablonszerkesztője kell.

## A globális mobil megjelenítés és a widget viszonya

A **Crocoblock → JetPlugins Settings → JetMenu → Mobil megjelenítés** oldal beállításai csak a téma menühelyein megjelenő menükre vonatkoznak. A widgeteknek saját beállításaik vannak, ezeket nem érintik az oldal értékei. Widgetes menünél ezért elég az alapértékeken hagyni a **Mobil megjelenítés** oldalt: az elrendezés, a kapcsoló és a konténer pozíciója, az almenünyitó, a bezárás navigáció után és a többi mező közvetlenül a widgetben állítható. A globális oldal mezőit a [A JetMenu beállításai](https://hub.hellowp.io/hu/plugins/jet-menu/beallitasok/) fejezet írja le.

## A mobilmenü bekapcsolása a widgetben

1. Nyisd meg a fejlécsablont (vagy az oldalt) Elementorral, és jelöld ki a **Megamenü** widgetet.
2. A **Tartalom** fül **Elrendezés** részén kapcsold be a **Megjelenítés mobil eszközön** kapcsolót.
3. Megjelenik a **Mobil menü** rész. Nyisd ki.
4. A **Menü mobilra** listában válaszd ki a mobilon megjelenő menüt.
5. A **Mobil eszköz** listában add meg, hol látszódjon: csak mobilon, vagy tableten és mobilon is.
6. Állítsd be a megjelenést (lásd lent), majd kattints a **Közzététel** (vagy **Frissítés**) gombra.

![A Megamenü widget Mobil menü része a szerkesztőben](./kepek/mobil-hamburger-megamenu-mobil.webp)

*A Megamenü widget Mobil menü része a szerkesztőben* (https://minta-bolt.hu/wp-admin/post.php?post=12&action=elementor)

A képen a **Mobil menü** rész látszik: a **Menü mobilra**, a **Mobil eszköz**, az **Elrendezés**, a **Kapcsoló pozíciója** és a **Konténer pozíciója** mező, alattuk az almenü és a bezárás beállításai.

Ha a **Megjelenítés mobil eszközön** kapcsoló ki van kapcsolva, vagy nincs kiválasztva mobilmenü, a widget minden eszközön azt a menüt mutatja, amelyet az **Elrendezés** rész **Menü** mezőjében adtál meg.

## A mobilmenü megjelenésének beállításai

A **Mobil menü** rész mezőit az [Elementor-widgetek](https://hub.hellowp.io/hu/plugins/jet-menu/widgetek/) fejezet táblázata részletezi. A példában ezek módosultak az alapértelmezéshez képest:

- **Konténer pozíciója**: **Bal**, vagyis a panel balról csúszik be.
- **Bezárás navigáció után**: bekapcsolva, így a panel a linkre kattintás után magától bezárul.
- **Elem leírása látható** és **Elemek elválasztója látható**: bekapcsolva, így a menüelemek leírása és az elválasztó vonalak is látszanak.
- A betöltésjelző színe és a kapcsoló zárt állapotának ikonja is egyedire állítva.

A stílust a **Stílus** fül **Mobil** csoportjában finomíthatod. Ha mindent beállítottál, kattints a **Közzététel** gombra, majd nyisd meg az oldalt tableten vagy mobilon: a menü a hamburgerikonra kattintva nyílik ki.