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

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

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 Szelektorra.
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ü 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.