Elementor: fehér sáv eltüntetése mobilon

Elementor (Pro) használatakor előfordulhat, hogy bizonyos oldalakon vagy sablonokon mobilnézetben fehér sáv jelenik meg, amikor a sütisáv be van kapcsolva. Ennek oka, hogy a Complianz az oldal szélessége alapján számol. Ha az oldalon van olyan elem, amelyet JavaScript nyújt ki, vagy nem reszponzív, fehér sáv keletkezhet. Három megoldás van, a leghosszabbtól a leggyorsabbig.

1. A legtöbb munka, de ez az ajánlott

1. Duplikáld a hibás oldalt.
2. Törölj belőle szekciókat addig, amíg a fehér sáv el nem tűnik.
3. A hibát okozó szekciónál az Elrendezés (Layout) alatt kapcsold ki a Stretch Section beállítást.
4. Ellenőrizd, hogy a szekciónak, a belső szekcióinak és elemeinek nincs fix szélessége.
5. Nézd meg a szerkesztő mobil nézetében, hogy minden rendben van-e.

2. Gyors megoldás

A hibát okozó szekciónál az Elrendezés alatt állítsd az Overflow értékét Hidden-re (ha még nincs így). Ha ez nem segít, használd a harmadik megoldást.

3. CSS az oldal szintjén

Ha semmi más nem működik, adj CSS-t a hibás oldalhoz: az oldalon nyisd meg a beállításokat (a szerkesztő bal alsó sarkában), és a Haladó (Advanced) fülön add meg:

body {
    width: 100%;
    overflow-x: hidden;
}