Theme anpassen: Navigation unten bündig zu Logo

ndreyn

Hallo Leute,

ich hab mal wieder ein kleines Problem und die Jungs vom Theme-Forum antworten mir nicht.

Ich möchte meine Navigation unten bündig zum Logo haben: So, dass quasi Logoende und Navi-"Grundlinie" auf einer Höhe sind.

Hier die Seite: http://fonsidesign.de/wordpress2013/

Momentan hab ich nix an der Höhe verstellt.

Das Problem: Wenn ich das mit Custom CSS anpasse, dann rutscht die Portfolio-Kategorie-Leiste drunter mit, weil die beiden leider irgendwie verknüpft sind.

Dummerweise ist es bestimmt nicht einfach, diese Verbindung aufzulösen, oder?
Oder kann man das ohne große CSS-Kenntnis hin bekommen? :oops:

Danke schon mal an alle :p

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

SirEctor

versuch es mal mit

Code

div#inner-menu{top:153px;}

Ich weis ja nicht wie Du es versucht hast. Die Info fehlt uns.

ndreyn

Sorry, hatte ich vergessen: Ich hab das mit margin-top usw. gemacht. Ich teste gleich mal deinen Vorschlag! Danke :razz:

ndreyn

Nope, das klappt leider nicht. Da tut sich nichts.

Ich hab jetzt mal "margin-top: 145px;" zu ".navbar" dazugemacht. Jetzt sieht man, dass die Navi oben zwar bündig ist (grob), aber die untere Kategorie-Leiste mitgerutscht ist:

http://fonsidesign.de/wordpress2013/

Kann man das verhindern? :-(

SirEctor

Hast Du nur margin-top getestet, oder auch meinen Vorschlag? Sonst setz hinter meinen Vorschlag noch ein !important

Der margin-top bei navbar ist auch für die untere Navi zuständig

ndreyn

Danke, ich hab deins natürlich auch getestet, aber weder mit noch ohne !important tut sich leider irgendwas.

Ich hab margin-top auch wieder ganz raus gemacht, trotzdem klebt die Navi noch in der Mitte. Ziemlich doof.
Danke für deine Mühe! :-)

infowurm

hast du dein problem jetzt schon gelöst?
sonst schau doch einfach mal wie denn dein logobereich in der höhe definiert ist oder ob es einen definierten bottom-Abstand gibt.

ndreyn

Nee, das Problem ist leider immer noch da.

Ich hab das Logo jetzt mal kurz raus gemacht. Er scheint alles im Header grundsätzlich zu zentrieren.
Der ganze weiße Container hat nur ein padding von 20px, aber sonst sehe ich da nix, was mir auffällt. :sad:

Tutrix

du hast mehrere padding Formatierungen dafür

Code

#main-menu .container-fluid {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 20px;
}
#main-menu .container-fluid {
    padding: 30px;
}
#main-menu .container-fluid {
    padding: 20px;
}
#main-menu .container-fluid {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 20px;
}

Alles anzeigen

verteilt über 2 CSS Dateien light.css sowie custom.css(im Dashbord)

für das gewünschte Ergebnis wäre

Code

#main-menu .container-fluid {
    padding: 20px 20px 0 20px;
}

richtig

Tutrix

obiges betrifft die

Zitat

Navi-"Grundlinie"

also die graue Linie

Formatierung Navi(Menüpunkte)

sind es bisher 3

entweder inline Style anpassen

Code

<div id="inner-menu" style="opacity: 1; display: inline-block; [COLOR="#FF0000"]top: 39px;[/COLOR] padding-top: 0px;">

hier die 39px anpassen, wird die header.php sein und die beiden Formatierungen in der custom.css löschen

oder deine Versuche über die custom.css dies zu überschreiben

Code

.inline_menu #inner-menu {
    top: 70px;
}


div#inner-menu {
    top: 200px;
}

hier für eine Formatierung entscheiden und an den Wert !important anhängen, damit die inline Formatierung überschrieben wird

also

CSS

div#inner-menu {
    top: 85px !important;
}

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Theme anpassen: Navigation unten bündig zu Logo

Jetzt mitmachen!