# Ikonnal nyitható teljes szélességű menü

> Egyetlen menüelemből, ikonnal nyitható, teljes szélességű megamenü készítése lépésről lépésre.

Ez a fejezet azt mutatja meg, hogyan készíts olyan menüt, amelyben egyetlen elem látszik, egy hamburger-jellegű ikon, és erre kattintva az oldal teljes szélességét kitöltő megapanel nyílik. A menüpont nem visz sehova, csak a panelt nyitja.

## Követelmények

- Elementor és a JetMenu aktiválva.
- Fejlécsablonhoz a Crocoblock sablonszerkesztője.

## 1. A menü létrehozása

1. Nyisd meg a **Megjelenés → Menük** oldalt, és hozz létre egy új menüt a létrehozást végző hivatkozással.
2. A menüelemek hozzáadásánál nyisd ki az egyéni hivatkozások részét, és az **URL** mezőbe egy hashmarkot (`#`) írj tényleges cím helyett. Erre azért van szükség, mert az elem csak megnyitja a megapanelt, nem visz át másik oldalra.
3. Add a menühöz az elemet, és adj neki címet.
4. Menthetsz most, vagy a megatartalom elkészítése után is.

## 2. A megatartalom létrehozása

1. A menüelem **Settings** gombjával nyisd meg az elem ablakát.
2. A **Mega Content** résznél kapcsold be a **Use Mega content** kapcsolót, különben a megatartalom nem jelenik meg a weboldalon.
3. Kattints az **Edit Mega content** gombra, és építsd fel a panel tartalmát (az Elementor szerkesztőjében, [Megamenü készítése](https://hub.hellowp.io/hu/plugins/jet-menu/megamenu-keszites/)).
4. Mentsd a tartalmat a **Save** gombbal.

## 3. Az ikon megadása

Az elem ablakának **Item Icon** részében az **SVG Icon** mezővel választhatsz SVG-ikont, amely a weboldalon a menüelemet jelképezi (például hamburgerikont). A mezők leírása: [A menüelem beállításai](https://hub.hellowp.io/hu/plugins/jet-menu/elem-beallitasok/).

## 4. A menü kirakása a Megamenü widgettel

1. Nyisd meg a fejlécsablont Elementorral, és húzd be a **Megamenü** widgetet.
2. A **Menü** mezőben válaszd ki az imént létrehozott menüt.
3. Ha csak az ikon látszódjon, a menüelem címét el kell rejteni. Erre két mód van:
   - A **Stílus** fülön, a **Főmenü** részben az állapotok között (normál, rámutatás, aktív) állítsd átlátszóra a cím színét. Mindhárom állapotnál ugyanezt kell megadni, különben a felirat az egér ráhúzásakor vagy aktív állapotban előbukkan.
   - Vagy a **Megjelenés → Menük** oldalon, az elem **Settings** ablakának **Advanced** részében kapcsold be a **Hide item navigation label** kapcsolót.

## 5. Teljes szélesség beállítása

1. A **Megamenü** widget **Elrendezés** részében a **Mega konténer szélességének típusa** mezőt állítsd **Szelektor**ra.
2. Az **Egyéni szelektor** mezőbe írd be: `body`.
3. Kattints a **Frissítés** gombra.

Ha a menüt a téma menühelyén jelenítenéd meg, ugyanezt a **Crocoblock → JetPlugins Settings → JetMenu** oldal **Főmenü** részében kell megadni. A szélesség részleteiről a [Többoszlopos és teljes szélességű megamenü](https://hub.hellowp.io/hu/plugins/jet-menu/megamenu-tipusok-tobboszlopos/) fejezet szól.

Nyisd meg az oldalt: a fejlécben csak az ikon látszik, rákattintva pedig a megapanel a teljes oldalszélességben kinyílik.