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

Thema wurde von Anonymous, 25. Juni 2022 erstellt.

  1. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    20. November 2019
    Beiträge:
    134
    Danke erhalten:
    26
    Danke vergeben:
    72
    #1 Anonymous, 25. Juni 2022
    Zuletzt bearbeitet: 25. Juni 2022
    Hallo Leute,
    lässt sich ein Header wie im Screenshot umsetzen und falls ja, wie würdet ihr vorgehen?

    upload_2022-6-25_11-52-35.png
     
  2. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Schau Dir im Gambio-Store doch mal das Paganini - Theme an, da ist das Logo zwar in der Mitte, aber alles in einer Zeile.
     
  3. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    20. November 2019
    Beiträge:
    134
    Danke erhalten:
    26
    Danke vergeben:
    72
    #3 Anonymous, 25. Juni 2022
    Zuletzt bearbeitet: 25. Juni 2022
    Habe es mal aktiviert, werde aber nicht schlau daraus, wie es umgesetzt ist :confused:
    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 :D
     
  4. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Hast Du denn für die Kategorien einen Sticky-Wert angegeben?
     
  5. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    20. November 2019
    Beiträge:
    134
    Danke erhalten:
    26
    Danke vergeben:
    72
    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.
     
  6. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Schau mal im SE unter Header -> Kategorien - Allgemein
    Da ist ein Feld für die Sticky-Höhe
     
  7. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    20. November 2019
    Beiträge:
    134
    Danke erhalten:
    26
    Danke vergeben:
    72
    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 :)