Külön mobilmenü a Megamenü widgettel

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

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