Hallo liebe Forumgemeinde
ich habe mir eine Seite mit dem Protostar Template erstellt (
comp-tec.ch)
Habe mir im Header eigene Modulpositionen erstellt. Soweit so gut.
Ab einer Bildschirmauflösung von min. 1491px in der Breite sieht der Header gut aus, so wie ich das möchte. Das heisst links das Logo, daneben eine Infobox und dann die Navigation.
Mit der reponsiven Darstellung klappt es noch nicht. Wenn man den Bildschirm schmäler zieht, also unter die 1491px , dann rutscht die Navigation runter in eine neue Zeile, obwohl eigentlich genügend Platz daneben ist. Das Logo und die Infobox bleiben gleich gross.
Jetzt habe ich mal eine Defination in css geschrieben, für Bildschirme mit max. 767px. Somit wird das Logo verkleiner und ebenso die Infobox, genauer gesagt die Schriftgrösse. Bei dieser Bildschirmgrösse ist das Logo aber zuoberst in der Mitte des Headers und darunter links kommt die Infobox und Navigation. Ich möchte aber alles immer auf einer Linie stehen haben, egal wie breit der Bildschirm ist.
Meine Überlegung ist, dass ich für die unterschiedlichen Bildschirmgrössen unterschiedliche Definitionen schreibe. Darum habe ich mal mit einer angefangen.
Wie erreiche ich nun, dass mein Logo mit der Infobox immer auf einer Linie nebeneinander steht, egal welche Auflösung verwendet wird? Habe ich die Modulpositionen falsch eingebunden in der index.php? Oder was mache ich sonst falsch?
Schon mal Dank und Gruss
Andreas
