Mobile Ansicht Responsiv

[Net Cube]

Hallo,

irgendwie stehe ich auf dem Schlauch.

Ich fange gerade an eine Seite Responsiv zu machen und im Browser funktioniert das alles was ich gemacht habe.

Lasse z.B. ab einer Breit von 960px die Seite anders aussehen.

Nun aber: auf dem Handy passiert nichts. Dort wird die Homepage in der Desktopversion komplett angezeigt.

Verszehe das nicht.

Im Theme ist Responsives Layout ausgewählt.
Selbst da sollten doch die rechte und die linke Sidebar umbrechen.

Funktioniert aber leider nicht.

Danke schon mal.

[tschero]

Hi,

hast Du einen Link für uns? Ohne wird´s wohl schwer zu helfen.

Gruß
tschero

[dirksche]

Kann es sein, dass Du in der Seitenstruktur unter den Layout Einstellungen kein Layout für mobile Seiten zugewiesen hast?
Um Grunde kannst Du dort das gleiche Layout wie in der Desktop Variante zuweisen.

[tschero]

Ich meine mal in einem Thread hier gelesen zu haben, dass es besser ist Media Querrys zu nutzen statt dem Mobilen Layout.

Wenn hierbei das gleiche Layout für wie für die Desktopvariante genutzt wird, sehe ich den Sinn darin nicht. Meines Wissens wird, wenn dort nichts angegeben ist, dann ja das Layout für die DT-Variante verwendet, oder nicht?

Ich vermute dass es bei den CSS Regeln irgendwo klemmt.

Ein Link würde bestimmt weiterhelfen.

Gruß
tschero

[csm]

Hallo,

prinzipiell hast Du aus meiner Sicht Recht mit den Media Queries (das mobile Layout nutze ich auch nie).
Möglicherweise hast Du aber ein Handy mit hochauflösendem Display, was ja mittlerweile sehr gängig ist. Und da werden dann die 960px auch mal schnell überschritten.

Gib uns doch mal einen Link zur Seite, dann ist es leichter zu helfen, weil man dann nicht raten muss :-)

Gruß
csm

[dazzle89]

Hast du die entsprechende meta-Angabe im Headbereich?

Z.B.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

[Andreas]

Kann es sein, dass Du in der Seitenstruktur unter den Layout Einstellungen kein Layout für mobile Seiten zugewiesen hast?
Um Grunde kannst Du dort das gleiche Layout wie in der Desktop Variante zuweisen.

Dort das gleiche zuzuweisen macht keinen Sinn. Ein mobiles Layout, welches man in der Seite einstellt kommt dann zum Zuge, wenn Contao meint anhand des UserAgents ein Smartphone zu erkennen.

Ich habe dort noch nie was ausgewählt, mache alles mit MediaQueries.

[Net Cube]

Hallo,

vorweg vielen Dank für die ganzen Infos

Habe gerade meinen Fehler gefunden.

Hatte only screen and (max-width:960px) geschrieben und somit ist auf dem Handy nichts passiert.

Vielen Dank

Manchmal sieht man es einfach nicht ;-)