Einzeiliger Header

[Maximimue]

Hallo Liebe Leute,

Ich versuche verzweifelt seit Tagen im Header des Standart classic Themes die beiden Reihen auf eine zu legen.

Wenn ich die Module alle in den Hook displayNavFullWidth stecke bleibt vom Design der Button Warenkorb und Anmelden nichts über.

Versuche ich es über die tpl. Dateien und schiebe dort die Blöcke aus zwei Reihen in eine habe ich dasselbe Problem.

 

Hat von euch eventuell einer eine schlaue einfache Idee?

 

Viele Dank im vorraus

[rictools]

Was meinst du mit "die beiden Reihen"? Alles inkl. Logo und horizontaler Navigationsleiste? Vielleicht kannst du mal einen Screenshot und eine Skizze wie du dir das vorstellst posten, auch ein Link kann hilfreich sein.

[Maximimue]

Ich habe gerade leider kein Bild parat aber spätestens heute Abend werde ich mal eins hochladen.

Aber genau ich meine alles incl. Navigationsleiste, Logo, Kundeninfo und Warenkorb.

Wäre schön, wenn auf der linken Seite das Horizontale Menü (soll maximal 3 Punkte haben und eventuell ein Dropdown-Menü) ist, in der Mitte das Logo und rechts dann Kundeninfo und Warenkorb.

Also ähnlich zur mobilen Version des classic Themes.

 

 

[rictools]

Wird das nicht viel zu eng? Ich kenne mich mit dem neuen Framework von 1.7 nicht aus, aber das dürfte sehr kompliziert sein, ich habe so etwas auch noch nicht gesehen.

[Maximimue]

 

So sieht es aktuell aus.

Ich finde es so etwas unruhig und hätte einfach gerne den linken und rechten teil der Navigation auf einer Höhe

mehr wird vorraussichtlich nicht in den Header kommen, daher passen auch alle Umschaltpunkte.

 

Oh ja und der Shop läuft auf der aktuellen Version 1.7.4.4

[rictools]

Du könntest tricksen und in der theme.css für .header-top die CSS-Anweisung margin-top: -68px; setzen.

[Maximimue]

Grundsätzlich keine schlechte Idee aber weiter hoch als so geht es auch nicht.

habe auch in header-nav margin-bottom:0px hinzugefügt.

[rictools]

Ich hatte den Code im Demoshop ausprobiert, du kannst den negativen margin-Wert natürlich auch erhöhen. Oder poste einen Link zu deinem Shop, damit man sich das direkt anschauen kann.

[Maximimue]

die aktuelle Testversion liegt unter dem link

Edited November 30, 2018 by Maximimue (see edit history)

[rictools]

Gerade bei dir ausprobiert, mit -36px komme ich etwa auf eine Höhe, den Weißraum darunter kannst du mit margin-bottom: -42px; reduzieren. Du mußt halt die Seite mit der Untersuchen-Funktion des Browsers (Rechtsklick) anschauen und rumprobieren.

[Maximimue]

Bei mir ändert sich da nichts, ob ich das in der Untersuchen-Funktion oder direkt im css mache, die Reihen bleiben immer untereinander und sind nie auf gleicher Höhe.

Ich habe jetzt nochmal den css ohne Änderungen hochgeladen.

Kannst dir das nochmal ansehen und mir sagen in welchem teil vom css du was hinzufügst, damit es klappt?

 

 

[rictools]

Du mußt im Untersuchen-Fenster auf die Zeile <div class="header-top"> klicken, dann kannst du die CSS-Anweisungen dafür sehen. Dann ergänzt du wie folgt:

#header .header-top {
    padding-bottom: 1.25rem;
    margin-top: -36px;
}

[Maximimue]

 

genau das habe ich gemacht aber es passiert nicht. 🤨

[rictools]

Also egal wie du die Zahl veränderst verschiebt sich da nichts? Sehr seltsam, vielleicht versuchst du mal einen anderen Browser.