Gyakori mobilelrendezési problémák

A mobilelrendezési gondok többsége a reszponzív szerkesztési módban megoldható: megfordíthatod az oszlopok sorrendjét, elrejthetsz elemeket, és külön állíthatod a mobilos betűméretet és térközt. Ha a módosítás nem látszik az éles oldalon, a gyorsítótár ürítése segít.

A reszponzív mód elérése

A reszponzív nézet megnyitásáról és használatáról a Szerkesztés mobilra és táblagépre fejezetben olvashatsz.

Az oszlopok sorrendjének megfordítása mobilon

A kételemes elrendezésben a Flexbox tároló alapból egymás alá rakja az elemeket. Ha azt szeretnéd, hogy mobilon a jobb oldali elem kerüljön felülre:

1. Lépj reszponzív módba, és válaszd a mobil nézetet.
2. Kattints a szülő tároló fogantyújára.
3. Nyisd meg az Elrendezés fület.
4. Keresd meg az elemek irányának beállítását.
5. Kattints a Fordított oszlop ikonra (a felfelé mutató nyíl).

A beállítás csak a kiválasztott nézetre érvényes, az asztali elrendezés nem változik. A tároló irányairól bővebben: A tároló elrendezésének beállításai.

Elemek elrejtése mobilon

Ha egy összetett widget zsúfolttá teszi a mobilos nézetet, elrejtheted a kisebb képernyőkön, miközben asztali gépen látható marad.

1. Jelöld ki a widgetet vagy a tárolót.
2. Nyisd meg a Haladó fület.
3. Bontsd ki a Reszponzív szakaszt.
4. Állítsd Elrejtés értékre azokat az eszköztípusokat, amelyeken el akarod tüntetni az elemet.

https://minta-bolt.hu/wp-admin/post.php?post=18&action=elementor

A képen a Reszponzív szakasz látszik az asztali, a táblagépes és a mobilos elrejtés kapcsolóival. Részletek: Elrejtés eszközönként.

Betűméret és térközök mobilra

Az Elementor az asztali elrendezés érintése nélkül engedi külön beállítani a tipográfiát és a térközöket.

• Reszponzív tipográfia: a betűméretet külön állíthatod a telefon képernyőjére.
• Mobil belső margó (padding): megadhatsz egyedi térközt, hogy a szöveg ne érjen a képernyő széléhez.
• Külső margó: megadhatod az egymás alá kerülő widgetek közti függőleges távolságot.

1. Kattints a reszponzív ikonra (kis eszközszimbólum) egy olyan beállítás mellett, amelynek van reszponzív változata.
2. Add meg a kívánt értéket a mobil nézethez.
3. A változást azonnal látod a szerkesztőben.

https://minta-bolt.hu/wp-admin/post.php?post=24&action=elementor

A képen a Méret mező melletti eszközikon jelzi, hogy az érték csak a mobil nézetre vonatkozik.

Ha a mobilos módosítások nem látszanak

Ha az éles mobilos oldalon nem jelennek meg a módosítások, ürítsd a gyorsítótárat:

1. A WordPress adminban menj az Elementor → Eszközök oldalra.
2. Az Általános fülön kattints a Fájlok és adatok törlése gombra.
3. Ha tárhelyed objektumgyorsítótárat is használ, azt is ürítsd a tárhely vezérlőpultján.

A gombról bővebben: A változások nem látszanak az oldalon.