-
AuthorPosts
-
October 12, 2022 at 10:15 am #1368545
Hallo,
wie bekomme ich das Hauptmenü linksbündig?
Also entweder die Menüpunkte mit Textausrichtung links oder das ganze Menü mit padding oder margin irgendwie links rausgerückt???
Ich habe die Stile dazu nicht gefunden.Vielen Dank
AnkeOctober 12, 2022 at 10:28 am #1368547Also – du willst den Header schon oben habe, aber das Menü links – wo soll das Logo dann sein?
Du findest verschiedene Header Stylings bei Enfold (Child) – Header – Header Layout : “Menu And Logo Position”October 12, 2022 at 11:20 am #1368557October 12, 2022 at 1:20 pm #1368572Es soll alles so bleiben, wie es ist, aber eben alles linksbündig, also
der Menüpunkt Home (und das gesamte Hauptmenü) soll ein Stückchen weiter nach links rutschen, um bündig mit dem Logo und dem Bild und allem zu seinOctober 12, 2022 at 1:22 pm #1368573Die Frage wurde leider noch nicht beantwortet.
October 12, 2022 at 1:23 pm #1368574Über die ThemeOptions Header – Header Layout : “Menu And Logo Position” weiß ich doch bescheid!
Das habe ich schon alles durchprobiert,
es geht wahrscheinlich nur über Quick CSS, aber da bin ich nicht fündig geworden.October 12, 2022 at 2:31 pm #1368579Hallo Guenni007, danke für deine Antwort, aber so weit war ich längst.
Wenn es so einfach wäre, hätte ich die Frage nicht gestellt.
Es geht um ein sauberes, klares typografisches Layout.
>>> Also nochmal ganz genau:
– Jetzt ist es so eingerichtet:
Logo oben links
Hauptmenü links darunter, (welches aber leicht nach rechts eingerückt ist, das die Menüpunkte jeweils mittige Textausrichtung haben)
Inhalte links darunter, bündig mit dem Logo.
– Und das ist das Ziel:
Es soll alles so bleiben, wie es ist, aber eben alles linksbündig, also
der Menüpunkt Home (und das gesamte Hauptmenü) soll ein Stückchen weiter nach links rutschen, um bündig mit dem Logo und dem Bild und allem zu sein.
Ich bitte dringend um Hilfe!
Danke!October 12, 2022 at 6:55 pm #1368634Hi,
Thank you for explaining and the link to your site, please try this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field#top #avia-menu #menu-item-35 a { padding-left: 0; }
After applying the css, please clear your browser cache and check.
Please see the screenshot in the Private Content area.Best regards,
MikeOctober 13, 2022 at 8:12 am #1368683Super. Danke :-)
October 13, 2022 at 10:08 am #1368711Wahrscheinlich wirst du zu dem Topic nicht mehr zurückkehren – aber zur Klärung: Zunächst sehe ich als Participant wie du keine Private Content Area; dann kann ich an deinem Nick leider nicht sehen, ob du ein versierter professioneller Webdesigner bist und ob du schon diverse Lösungsansätze ausgeführt hast. Daher muss man hier bei jeder Anfrage die lediglich das gewünschte Ziel wage beschreibt davon ausgehen, das jemand eine Lösung sucht, der nicht viel Ahnung von der Materie hat.
Es ist immer nützlich so genau wie möglich die Problematik zu beschreiben.
Das hierLogo oben links
Hauptmenü links darunter,hätte ausgereicht um hinreichend die Situation zu beschreiben – und für mich mit dieser Testseite das Problem einzukreisen.
https://kriesi.at/themes/enfold-construction/Das padding-left des ersten Menüpunktes auf Null zu setzen sollte theoretisch nicht ausreichen, um eine genaue Linksbündigkeit zu erzielen, da text-align der Menüpunkte auf zentriert steht.
Ich wäre einen anderen Weg gegangen, unter Wahrung der Menütext Zentrierung und der Äquidistanz der Menüpunkte._____________
You probably won’t return to this topic – but for clarification: First of all, as a participant like you, I don’t see a private content area; then, unfortunately, I can’t see from your nickname whether you are an experienced professional web designer and whether you have already carried out various approaches to a solution. Therefore, with every request here that merely describes the desired goal, one must assume that someone is looking for a solution who doesn’t know much about the subject.
It is always useful to describe the problem as precisely as possible.Logo top left –
main menu left belowThat would have been enough to describe the situation sufficiently – and for me to isolate the problem with this test page.
https://kriesi.at/themes/enfold-construction/Setting the padding-left of the first menu item to zero should theoretically not be enough to achieve exact left alignment, as text-align of the menu items is set to centred.
I would have gone a different way, preserving the menu text centring and the equidistance of the menu items.March 3, 2023 at 12:14 pm #1399980Hallo, ich habe jetzt wieder das selbe Problem bei einer anderen Webseite (grafiso.de/wp)
diesmal funktioniert es nicht mit
#top #avia-menu #menu-item-35 a {
padding-left: 0;
}
Guenni007 schrieb beim letzten mal:
“Das padding-left des ersten Menüpunktes auf Null zu setzen sollte theoretisch nicht ausreichen, um eine genaue Linksbündigkeit zu erzielen, da text-align der Menüpunkte auf zentriert steht.
Ich wäre einen anderen Weg gegangen, unter Wahrung der Menütext Zentrierung und der Äquidistanz der Menüpunkte.”Und welchen?
Danke für die Hilfe
March 3, 2023 at 1:05 pm #1399987Hi,
Thanks for the link to your new site, the first menu item has a different ID so you need to change the css for the new site, this is the correct css:#top #avia-menu #menu-item-261 a { padding-left: 0; }
After applying the css, please clear your browser cache and check.
Best regards,
Mike -
AuthorPosts
- You must be logged in to reply to this topic.