pageHeaderPanel verändern
-
Pordi -
11. Juli 2021 um 00:12 -
Erledigt
-
-
Das sollte dir weiter helfen.
Black Rider30. April 2021 um 10:05 -
Das dürfte aber nicht ausreichen, weil du – zumindest sauber – das Hauptmenü nicht unabhängig vom Benutzermenü verschoben bekommst, ohne das entsprechende Template anzupassen. Hier müsste man praktisch das Hauptmenü mit dem Logo tauschen.
-
Danke für den Hinweis Black Rider hab jetzt etwas im Template verschoben
Code
Alles anzeigen<div id="pageHeaderContainer" class="pageHeaderContainer"> <header id="pageHeader" class="pageHeader"> <div id="pageHeaderPanel" class="pageHeaderPanel"> <div class="layoutBoundary"> {include file='pageHeaderLogo'} {include file='pageHeaderSearch'} {include file='pageHeaderUser'} </div> </div> <div id="pageHeaderPanel" class="pageHeaderPanel"> <div class="layoutBoundary"> {include file='pageHeaderMenu'} </div> </div>
Das zusammen mit dem Header Menü unter Logo setzen sieht schon mal gut aus.
Es sieht bis auf „sticky“ gut aus, ... „sticky“ ist das pageHeaderLogo und pageHeaderUser, es soll aber nur das pageHeaderMenu und pageHeaderUser „sticky“ sein.
-
Kann man sich den aktuellen Fortschritt irgendwo live ansehen?
-
Hab es auf xampp liegen
-
Kannst du auch nur mit CSS machen:
CSS
Alles anzeigen@include screen-lg { .pageHeaderContainer { padding-top: 0; } .pageHeader { display: flex; flex-direction: column; } .pageHeaderPanel { order: 2; position: static; } #pageHeaderPanel > .layoutBoundary { position: relative; } #topMenu { position: absolute; top: -80px; right: 20px; } #pageHeaderSearch { position: absolute; top: 80px !important; z-index: 300; } body .interactiveDropdown { position: absolute !important; top: 78px !important; } }
und dann eben die Werte an dein Logo anpassen.
-
Das gefällt mir sehr gut! Was schön wäre ist, wenn man während das Logo „sticky“ ist, die pageHeaderUser und pageHeaderSearch auf die höhe des pageHeaderMenu herunterholen könnte, so das diese dann sichtbar sind.
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!