Fejlett mobil menü készítése

A Divi mobile menünek az alap kinézete eléggé kezdetleges és ha sok almenüt használsz akkor áttekinthetetlen. Ezt látod a jobb oldali képen. 

Azonban néhány egyszerű kód elhelyezésével sokat javíthatunk a helyzeten. 

Első lépésként az almenüket fogjuk lenyitható menüként megjeleníteni, úgy ahogy a bal oldali képen is látod. 

1. Menjünk a WordPress admin felületére és a Megjelenés menüben válasszuk ki a Testreszabás lehetőséget. 

2. Keressük meg az Egyéni CSS lehetőséget és másoljuk be a lenti kódot. 

3. Menjünk vissza a WordPress admin felületre és válasszuk ki a Divi menüpontot, majd a Sablon beállítások lehetőséget.

Itt az integráció fület kell kiválasztanunk, és a lenti kódot be kell másolni a
“A blog < body > részéhez hozzáadandó kód” mezőbe.

A legtöbb webáruház mobilos menüje jobb oldalról jelenik meg.
Az alap Divis menü egyszerűen csak lenyílik. Viszont ezen is tudunk változtatni egy rövid kóddal. A kód megadása után a jobb oldali képen látható kinézetet kapjuk.

Ezt a kódot is az Egyéni CSS lehetőségnél kell megadni.

A mobil menü háttérszínét a kód ezen részében kell módosítani. Másold be a számítógépes menüsor színkódját a “background” után

A menüpontok színét pedig úgy tudod módosítani, hogy az alábbi kódrészletbe beírod a mgefelleő színkódot. 

Fehér:  #fff

Fekete: #000