Sikeresen rájöttem, hogy miért csúszkál az oldal mobil nézetben. Az oldalsáv blokkban a tartalom a leckénél és a témánál (egy sablon a kettő) túlságosan szétterülnek a LearnDash Gutenberg blokkjai.

Elsőre nagyobb feladatot láttam benne, mint amekkora tényleg volt.

1. Az összes olyan oldalon ahol megjelenik ez az oldalsáv módosítani kell a sorok szélességét
2. Az oldalsávban található blokkoknál külön CSS mókolásra lesz szükség
3. Figyelni kell arra, hogy más nézetbe ne okozzon problémát

Végül szerencsére nem volt akkora feladat.

Hogyan oldotta meg egyszerűen?

1. Lecke/téma sablon oldalsáv blokkjának adtam 10px paddingot bal és jobb oldalra = készen vagyok
2. Emellett a tartalmi blokk is kapott egy hasonló paddingot, mert ott igaz nem csúsztam ki a telefon kijelzőjén, viszont tapadt a szélére

Szerencsére ezek a problémák gyorsan megoldódtak, DE sajnos maradt még – nem fogok utatkozni.