Guten Tag,
ich hätte gerne das Suche-Feld geändert. Statt Dropdown hätte ich es gern wie in folgendem Stil: Demo CLS Design
Könnte mir jemand helfen und einen Hinweis geben?
Gruß
Guten Tag,
ich hätte gerne das Suche-Feld geändert. Statt Dropdown hätte ich es gern wie in folgendem Stil: Demo CLS Design
Könnte mir jemand helfen und einen Hinweis geben?
Gruß
Wäre natürlich praktisch dort nachzufragen, wo du es gefunden hast
Aber auf den Standard-Stil bezogen ginge das z.B. so:
@media (min-width: 1025px) {
.searchBarOpen .pageHeaderSearch {
top: 0px !important;
z-index: 300;
}
.pageHeaderSearchInputContainer .pageHeaderSearchInput {
height: 50px;
}
.pageHeaderSearchInputContainer .pageHeaderSearchInputButton {
padding: 4px 23px;
}
}
Display More
Im Prinzip wird das Dropdown nur nach oben verschoben. Und zusätzlich die Höhe etwas angepasst und die Breite vom Button.
Danke dir, leider legt sich das nun über die Buttons daneben.
Gibt es eine Möglichkeit das diese automatisch nach links rutschen, beim öffnen der SearchBar?
Im Standard-Stil:
@media (min-width: 1025px) {
.searchBarOpen .userPanel > ul > li#unreadConversations {
margin-right: 390px;
}
}
Die Buttons (Konversationen und alles links davon) werden um 390 Pixel nach links verschoben. Den Wert ggf anpassen. Hier hatte es zum Testen aber exakt gepasst.
Aber bitte darauf achten, dass das dann sehr viel Platz braucht. Wenn man (wie im Standard-Stil) das Hauptmenü und das Userpanel in der selben Leiste hat, dann bleibt dem Hauptmenü teilweise zu wenig Platz. Speziell dann, wenn man den Browser nicht auf voller Breite nutzt.
Don’t have an account yet? Register yourself now and be a part of our community!