Hibák mobilon és táblagépen

Mobilos látogatóknál többféle gond adódhat. Az alábbiak a leggyakoribbak. Az oszlopok sorrendjéről, a mobilos betűméretről és térközökről a Gyakori mobilelrendezési problémák fejezet szól.

Mobilon vagy táblagépen eltűnnek az elemek

Szándékosan elrejtett elemek

Az elemeket el lehet rejteni mobilon és táblagépen. Ellenőrzés a legtöbb elemnél:

1. Nyisd meg az oldalt az Elementor szerkesztőjében.
2. Jelöld ki az elemet.
3. A panelen kattints a Haladó fülre.
4. Nyisd ki a Reszponzív szakaszt.
5. Az Elrejtés kapcsolókkal nézd meg, mely eszközökön van elrejtve az elem.

Megjegyzés: ha saját töréspontokat adtál hozzá, több kapcsolót is látsz. Részletek: Elemek megjelenítése vagy elrejtése eszközönként.

Egyedi CSS rejti el

Ellenőrizd az egyedi CSS-t:

1. Nyisd meg az oldalt a szerkesztőben, és jelöld ki az elemet.
2. Kattints a Haladó fülre.
3. Nyisd ki az Egyedi CSS szakaszt.

Globális egyedi kód rejti el vagy rontja el

Az egyedi CSS-en kívül más helyen megadott kód is okozhat mobilos megjelenési hibát. Nézd át ezeket:

• a WordPress sablonszabó (Customizer) egyedi CSS-ét,
• az Elementor → Beállítások oldal kód részét,
• a webhelybeállítások Egyedi CSS részét.

Kapcsold ki átmenetileg az egyedi kódot ezeken a helyeken, és nézd meg, változik-e a mobilos megjelenés.

Az elem beállításai

Egyes beállítások (nulla szélesség, nulla átlátszóság, a widget vagy a tároló megjelenítési feltétele) láthatatlanná tehetik az elemet.

1. Nyisd meg az oldalt a szerkesztőben, és jelöld ki az elemet.
2. Kattints a Haladó fülre.
3. Az Elrendezés szakaszban ellenőrizd, hogy a margók a hibás eszköztípusra vannak-e beállítva, és hogy nincs-e nullára állított margó.
4. Görgess le a Megjelenítési feltételek részhez, és győződj meg róla, hogy egyik feltétel sem akadályozza az elem megjelenését.

Harmadik féltől származó bővítmények

A bővítmények és a sablonok is befolyásolhatják a mobilos megjelenést.

• Kapcsold ki az összes bővítményt az Elementoron és az Elementor Pro-n kívül, majd egyenként kapcsold vissza őket, hogy megtaláld a hibásat.
• A sablon vizsgálatához válts a Hello sablonra.

A lépések részletei: Gyakori hibaelhárítási lépések.

Megjegyzés: néha a mobil elavult operációs rendszere okozza a hibát. Frissítsd a mobilod rendszerét a legújabb elérhető verzióra. Ha ez nem lehetséges, próbáld ki az oldalt egy másik, frissített rendszerű készüléken, így megtudod, hogy a hiba készülékfüggő-e.

Mobilon vagy táblagépen nem úgy néz ki, mint a szerkesztőben

• Harmadik féltől származó bővítmények és sablonok: ugyanazt a bővítménytesztet és sablonváltást végezd el, mint fent.
• Készülékproblémák: az iOS-es készülékek néha eltérően viselkednek az Androidtól. Ha ilyen eltérést látsz, vizsgáld meg külön mindkét rendszeren, és keress más felhasználókat, akik hasonló gonddal találkoztak.

A háttérvideó nem indul el, vagy hang nélkül szól

A mobilböngészők szabályai szerint a videók nem játszódnak le automatikusan, és a hanggal rendelkező videók sem indulnak el maguktól. Ezeket a szabályokat a böngésző kezeli, ezért mobilról megnézve ez hibának tűnhet.

Megjegyzés: az iOS Energiatakarékos módja megállítja a videók automatikus lejátszását a telefonon. Kikapcsolása után a videó elindul.

Töréspontok

Az Elementorban saját töréspontokat állíthatsz be mobilra és táblagépre. Ha túl alacsony értéket adsz meg, az az éles oldal elrendezését is elrontja. Próbálj nagyobb töréspontokat beállítani, és nézd meg, megoldódik-e a gond.

Megjegyzés: a töréspontok képpontban (pixelben) értendők, nem készülék szerint. Ha a táblagép töréspontja 756 képpontnál kezdődik, egy 756 képpont széles laptop is táblagépként jeleníti meg az oldalt.

Széles képernyős töréspont

A széles képernyős (widescreen) töréspont gyakran zavaró, mert az éles oldalon sokszor nem látszik: a képernyőfelbontás túl kicsi hozzá. A saját felbontásodat egy felbontásellenőrző weboldallal nézheted meg.