Malibu Theme - Logo, Kategorien und Sekundär-Spalte in einer Zeile?

Hallo Leute,
lässt sich ein Header wie im Screenshot umsetzen und falls ja, wie würdet ihr vorgehen?

 

Schau Dir im Gambio-Store doch mal das Paganini - Theme an, da ist das Logo zwar in der Mitte, aber alles in einer Zeile.

 

Habe es mal aktiviert, werde aber nicht schlau daraus, wie es umgesetzt ist
zudem sieht es bei mir auch etwas anders aus, vielleicht wegen der 4.5 Version..

Edit: Im Prinzip konnte ich es mit dem Malibu Theme umsetzen. Nur leider verschwinden die Kategorien immer beim nach unten scrollen.
(Link nur für registrierte Nutzer sichtbar.)

Vielleicht hat @Till (Gambio) ja wieder eine JavaScript Lösung, um dies zu unterbinden

 

Hast Du denn für die Kategorien einen Sticky-Wert angegeben?

 

Naja es ist halt Sticky für den Header eingestellt. Ich wüsste nicht, dass man das auch spezifisch für Kategorien einstellen könnte.

 

Schau mal im SE unter Header -> Kategorien - Allgemein
Da ist ein Feld für die Sticky-Höhe

 

Passt, ich habe es nun mit ein paar Zeilen CSS hinbekommen:

Code:

@media (min-width: 768px) {
.inside nav.navbar-categories.navbar-default #categories {
    display: block !important;
      overflow: visible !important;
}
}
@media (min-width: 768px) {
div#categories {
    display: none;
}
}
@media (min-width: 768px) {
#header.sticky .navbar-categories {
    overflow: visible !important;
}
}
@media (min-width: 768px) {
#header.transition .navbar-categories {
    overflow: visible !important;
}
}
@media (min-width: 768px) {
#header .inside > .row > .navbar-categories, #header .inside > .teaser-group-three-squares > .navbar-categories, #header .inside > .teaser-group-2-cols-big-image > .navbar-categories {
    padding: 0px 15px;
}
}
@media (min-width: 768px) {
#header .navbar-categories {
    height: 70px !important;
}
}
@media (min-width: 768px) {
.navbar-collapse .navbar-categories ul.navbar-nav > li > a {
    padding-top: 26px;
    height: 70px;
}
}
@media (min-width: 768px) {
#header.sticky .inside > .row > .navbar-categories, #header.sticky .inside > .teaser-group-three-squares > .navbar-categories, #header.sticky .inside > .teaser-group-2-cols-big-image > .navbar-categories {
    padding: 0px 15px;
}
}

overflow: visible !important; war hier ein wichtiger Punkt sowie die #header.transition .navbar-categories ID/Klasse.



Danke dir Barbara