Szablon responsywny - treść w wąskiej kolumnie

[lol75]

Cześć
Zrobiłem prostą stronę w Joomla 2.5. Szablon zrobiłem samodzielnie i dostosowuję go teraz do urządzeń mobilnych.


Wyszedłem z prostego założenia, że wszystko co jest mniejsze niż 1020px jest telefonem

@media screen and (max-width: 1020px)

Wyłączam w tej sekcji niepotrzebne bloki i to działa idealnie (na telefonie pojawia się tylko środkowy div z treścią i na górze rozwijalne menu).

Niestety, treść jest wąskim paskiem na mniej więcej 40% ekranu telefonu. Podałem we wszystkich divach width:100%;, jednak to nie pomaga.

Wywaliłem nawet wszystko z templatki pozostawiając samego diva z treścią strony. I wciąż jest na 40%.

Co to może być?

============================================
ROZWIĄZANIE

OK. Poradziłem sobie poprzez przeskalowanie strony w urządzeniach mobilnych dyrektywą

<meta name="viewport" content="initial-scale=1.2">

w sekcji head