WP Theme "Make" | Hauptmenü : tiefer setzen & Pfeil neben Menüpunkten entfernen

Nightblue

Hallo in die Forumsrunde,

zwei Anliegen habe ich:

1. Das Hauptmenü auf einer Testseite: http://ayurveda.inspiration-manuela-kaps.de wird aktuell in der oberen Hälfte des Headerbereichs dargestellt. Was muss ich tun, damit das Hauptmenü etwa mit ca 0,7 - 1 cm Abstand (Unterkante Menüleiste) vom unteren Rand des Headerbereichs angezeigt wird?

2. Was muss ich tun, damit der Pfeil neben einem Menüpunkt entfernt wird ? Siehe Menüpunkt "Leistungen"? Der Anlass für diese Änderung ist, dass sobald ein Menüpunkt Untermenüpunkte hat, sich der Abstand zu den anderen Menüpunkten verändert (größer wird).

Vielleicht gibt es auch eine andere Lösung, die Abstände der Menüpunkte gleich zu halten, egal ob Pfeil oder nicht. Wahrscheinlich schmunzeln viele hier, weils so einfach ist, aber ich bin was CSS und PHP angeht noch eher ganz am Anfang :(.

Von daher freue mich über jede Idee oder Info & allerbesten Dank dafür schon mal im Voraus.

Nightblue

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

gericoach

zu2.

Zitat

.site-navigation .page_item_has_children a::after, .site-navigation .menu-item-has-children a::after {
color: #b9bcbf;
content: " ";
font-family: FontAwesome;
font-size: 1rem;
font-weight: normal;
padding-left: 0.2rem;
position: relative;
top: -1px;

}

Alles anzeigen

Nimm mal die Pkt. content und Fontfamily raus

Zitat

.site-navigation .page_item_has_children a::after, .site-navigation .menu-item-has-children a::after {
color: #b9bcbf;
font-size: 1rem;
font-weight: normal;
padding-left: 0.2rem;
position: relative;
top: -1px;

Nightblue

Hi gericoach,

zu 2. -> super genial!!! Hat sofort funktioniert :)))
GROSSE KLASSE & GROSSES DANKESCHÖN!!!

& ich freu mich natürlich noch sehr auf mögliche Ideen zu Punkt 1.

Nightblue

Presskopp

Sowas in der Richtung:

Code

.site-navigation {
    top: 33px;
    position: relative;
}

Nightblue

Hallo Presskopp,

vielen Dank!!! Auch das hat geklappt!!!

Ich habe den "top: 33px" Eintrag unter folgenden Eintrag in der Sytle.css gesetzt:

Media screen and (min-width: 800px) {
.site-navigation .menu li,
.site-navigation .nav-menu li {
display: inline-block;
position: relative;
top: 33px;

-------

Wie gesagt, das Menu sitzt jetzt an der richtigen Position :))) - jedoch habe ich gerade gesehen, dass dadurch das Sub-Menu
sich irgendwie verändert hat --> Der Menü-Text sitzt jetzt unterhalb des Sub-Menü-Feldes :(.

Hier noch mal der Link zur Seite: http://ayurveda.inspiration-manuela-kaps.de

und den Menüpunkt: "Leistungen" anklicken.

Hab ich ggfs. mit dem "top" Eintrag doch was falsch gemacht - vor der Änderung wurde das Untermenü richtig angezeigt?

Nochmals danke

Nightblue

P.S. Presskopp bist Du aus Hessen ? :)

Presskopp

Damit gilt deine Änderung nur für große screens mit >800px Breite...

Ja, mein Nick und auch ich sind aus Hessen..., jedenfalls gebürtig.

Versuch mal das hier zu ergänzen, aber ich habe das alles nicht getestet, soll dir nur ein Hinweis sein das selbst weiter zu erforschen..

CSS

.sub-menu .menu-item {
     position: relative;
    top: 0px; /* wenn das nicht geht dann setz ein important dahinter */
   /* top: 0px !important; */
}

Nightblue

Hallo Presskopp,

super - jetzt ist alles so, wie es sein soll :) !!!

Dank Deiner Anmerkung dass ich Deinen ersten Schnipsel für screens >800 eintragen hatte habe ich den Eintrag dann direkt unter .site-navigation gemacht - und schon ist alles wie es sein soll :))).

Vielen Dank noch mal - hat meine Fragen gelöst hab ich echt was dazu gelernt!!! :)

... und beste Grüße aus der alten Heimat :)

Nightblue

Willkommen! Melden Sie sich an oder registrieren Sie sich.

WP Theme "Make" | Hauptmenü : tiefer setzen & Pfeil neben Menüpunkten entfernen

Jetzt mitmachen!