Menuzeile steht rechtsbündig

Hallo Stefan, welches Layout verwendest du? Am besten mal einen Screen erstellen.

Vg Michael

„ZP“ > „Website“ > „Layout“ > und oben rechts erneut auf „Layout“ klicken. Das markierte Layout ist Dein Layout.

Alternative: „ZP“ > „Vorschau“ > Rechtsklick im Browser > „Seitenquelltext anzeigen“ > Hier die letzte Zeil auslesen (sinngemäß: Layout: Top Responsive $Id: default.html 2023-10-05 10:38:51.

Hallo Stefan,

die Ausrichtung des Menüs wird offensichtlich durch die Position des Logos bestimmt. Unter „Layout“ > „Logo“ > „Allgemein“ die Position des Logos auf „Rechts" setzen. Jetzt sollte das Menü wieder linksbündig sein.

Viele Grüße

Tom

der_c

Hallo

Also, das gibt es - je nach Layout schon, dass man bestimmen kann, wo das Menü erstellt wird. Wenn allerdings das Logo die Position des Menüs bestimmt, ist es halt so, dass Logo = links = Menü rechts und umgekehrt gilt. Könnte man bei Layouts wo "Logo bestimmt die Position des Menüs" auch auswählen, wo das Menü erscheinen soll, würde das keinen Sinn machen, weil man wohl nicht z. B. Logo = links und Menu = links möchte.

Gruss

Hallo,

kann man erzwingen, dass das Menü rechtsbündig erscheint, auch wenn man kein Logo verwendet (ist im Hintergrundbild enthalten)? Layout Stripe Responsive.

Hallo EBKS,

wenn die Anzeige des Logos unter "Einstellung > Elemente" deaktiviert ist, dann sollte es mit folgendem Code funktionieren, den Du unter "Einstellungen > CSS" eingibst:

<style>
.navbar ul.nav {
float: right;
}
</style>

Weitere Informationen zu eigenem CSS unter https://docs.zeta-producer.com/v16/eigenes-css-einfuegen.html

Viele Grüße

Tom

Vielen Dank, Tom, das funktioniert super mit dem Menü in der Desktop-Darstellung.

In Tablet- und Smartphone-Auflösung steht das Hamburger-Menü auch wie gewünscht rechts. Klappt man dieses dann auf, ist allerdings der Inhalt dann wieder auf der linken Seite, was graphisch bei uns nicht funktioniert. Weiß jemand dafür evtl. auch noch einen kleinen Codeschnipsel?

Hallo EBKS,

Du könntest mal Folgendes probieren:

<style>
media (max-width: 979px) {
.nav-collapse .nav li>a, .navbar-inner .nav-collapse.in.collapse li a {
text-align: right;
}
}
</style>

Ansonsten auf die Hilfe der wahren CSS-Cracks in diesem Forum warten. Ein kleiner Screenshot, was Du Dir genau vorstellst, könnte auch nicht schaden.

Viele Güße

Tom

Hallo Tom, vielen Dank, leider klappt das nicht: Das Menü klappt trotzdem links herunter statt rechts (siehe DropDownMenuleft.jpg)). Ich würde es gerne rechtsbündig unterhalb des Hamburger-Icons herunterklappen lassen.

Auch für die Pfeil-Anzeige untergeordneter Seiten ist das ungünstig. Der Pfeil steht aktuell ganz rechts und ist kaum mit dem Hauptmenü in Zusammenhang zu bringen (DropDownUntermenuePfeilrechts.jpg).

Ist es überhaupt möglich, alles rechtsbündig zu machen?

Hallo EBKS,

ich habe den Code mit "Stripe Responsive - Architekt" erfolgreich getestet.

Hast Du den Code wirklich 1:1 übernommen? Hast Du noch anderen Code unter "Einstellungen > CSS"?

Viele Grüße

Tom

Jetzt hab ich nochmal Zeichen für Zeichen verglichen und wurde fündig: Das @ vor media war nicht mitkopiert und folglich nicht eingefügt worden. Mit dem @ klappt es jetzt. Danke an Tom für die Unterstützung!