Hallo Supporter,
wenn Menü oder Breadcrumbs auf position-0 (Protostar) zu lang werden, erfolgt nicht als erstes ein Zeilenumbruch, sondern Protostar positioniert den Kopfbereich (Menü, Breadcrumbs, ...) unter das Logo.
Lässt sich der Kopfbereich rechts neben dem Logo festsetzen mit einem Umbruch von Menü und Breadcrumbs?
Viele Grüße
Martin
http://aqua-neu.byethost7.com/index.php/aquarien
Dein container ist 940 px breit.
- 184px Logobreite
- 10px .pull-right margin
macht 746px, die zur Verfügung stehen.
-->
.header-search {
max-width: 746px;
}
1. Lösche das hier im custom.css
(Ist eh... na ja, ich nenne es mal "etwas eigenwillig". Diese Klasse heisst nicht umsonst "pull-right". Und das bedeutet "rechts".)
2. Editiere die Datei index.php deines Templates und ändere dort folgenden Eintrag:
alt:
neu
Hi Anka,
1. danke noch einmal für den konkreten Änderungsvorschlag im Template. Ich werde ihn im Auge behalten. Ich habe den .pull-right erst einmal ganz rausgenommen.
2. Aber durch die feste Einstellung .header-search {max-width: 746px;} bleibt die Darstellung nicht mehr full responsive (für Tablets 838-1068px). Wie lässt sich das ändern?
Herzlichen Dank schon einmal
Martin
2. hinter der obigen rule folgendes einfügen.
@media (min-width: 768px) and (max-width: 979px) {
.header-search {
max-width: 530px;
}
}
Dadurch werden nur Viewports zwischen 768-979px angesprochen (Tablets).
Hallo kitepascal,
läuft - phantastisch!
Herlichen Dank
Martin
Hallo Anka,
da es natürlich doch Seiteneffekte (z.B. Druckersymbole nach links verschoben,..) gab, habe ich jetzt ein neues Template angelegt, wie von dir empfohlen. Dabei ging das Logo verloren, welches ich dann wieder neu eingesetzt habe.
<div class="header-search">
- Jetzt wird das Menü linksbündig korrekt angezeigt.
- Breadcrumbs und Sprachbauswahlbox sind zwar jetzt auch linksbündig, werden jedoch unter dem Logo positioniert. Wie kann man beide Elemente direkt unter das Menu verschieben?
- Die Suche rechtsbündig ist korrekt, soll aber auch unter die Breadcrumbs.
Grüße
martin
