|
|||
Zitat:
HTML-Code:
nav#sticky-nav > ul { text-align: center!important;} nav#sticky-nav > li { display: inline!important; float: none!important; } nav#sticky-nav li > a { display: inline!important; float: none!important; } Hat noch jmd einen Tipp für mich? |
Sponsored Links |
|
|||
Entweder behälst du meine Variante und überschreibst die Listenpunkt des Dropdown-Menüs wieder, indem du z.B. ul ul li oder so verwendest um damit nur die zweite Liste anzusprechen.
Was die andere Variante betrifft: Mit dem > Selektor sprichst du die direkten Kindelemente an, also nur die Elemente die sich genau EINE Ebene darunter befinden. Um also nur die li's der ersten Liste anzusprechen würdest du "nav > ul > li" verwenden. Damit sprichst du die ul an, die sich DIREKT eine Ebene unter nav befindet und nur die Listenpunkte, die sich darin in der ersten Ebene befinden. Verständlich? |
Sponsored Links |
|
|||
Danke für deine Antwort.
Ich verstehe eigentlich was du meinst, demnach sieht mein Code jetzt so aus: HTML-Code:
nav#sticky-nav { float: none!important;} nav#sticky-nav > ul { text-align: center!important;} nav#sticky-nav > ul > li { display: inline!important; float: none!important; } nav#sticky-nav > ul > li > a { display: inline!important; float: none!important; } HTML-Code:
nav#sticky-nav > ul { text-align: center!important;} Auch den Abstand durch: HTML-Code:
display: inline!important; Was mache ich falsch? |
|
|||
text-align ist eine Eigenschaft, die weiter vererbt wird. Deshalb musst du beim Dropdown den Text wieder linksbündig setzen.
Ich weiß nicht welchen Abstand zu mit display: inline meinst.. Ich denke mal wenn du den Wert für "top" bei #wrapper #sticky-nav .fusion-megamenu-wrapper auf 32px oder so setzt, sollte es passen |
|
|||
Vielen Dank! Das hat jetzt endlich funktioniert!
Eine Frage bleibt mir noch. Die orange Linie beim mouse over ist nun noch versetz. Diesen Abstand meinte ich in Bezug auf diplay: inline. Wenn ich display-inline deaktiviere, erscheint sie wieder da wo sie hinsoll. Wie lege ich jetzt ihre Position fest? |
|
|||
Oh man, ich hab jetzt zwar das fusion megamenü auf die Position bekommen.. kann dafür aber die Links dort drauf nicht anwählen da das Menü zusammen klappt bevor ich nen Punkt anwählen kann.
|
|
|||
Code:
} nav#sticky-nav ul ul li { float: left !important; } Code:
body #header-sticky.sticky-header #sticky-nav ul ul { top: 65px !important; } Ändere auch dieses: Code:
} #nav ul li, #sticky-nav ul li { float: left; margin: 0; padding: 0 35px 0 0; } Code:
} #nav ul li, #sticky-nav ul li { float: left; margin: 0; } #nav ul li { padding: 0 35px 0 0; } #sticky-nav ul li { padding: 0 35px 13px 0; } _____________ MfG Roland |
|
|||
Danke!!
Hallo,
vielen vielen Dank für eure großartige Hilfe! Der Header ist nun genau so zentriert wie ich ihn haben wollte! Das Problem dass ich das Menü nicht erreichen konnte, habe ich mit HTML-Code:
nav#sticky-nav > ul > li > a { display: inline-block!important; Hier der jetztige Code: HTML-Code:
nav#sticky-nav { float: none!important;} nav#sticky-nav > ul { text-align: center!important;} nav#sticky-nav > ul > li { display: inline!important; float: none!important; } nav#sticky-nav > ul > li > a { display: inline-block!important; float: none!important; } nav#sticky-nav ul ul { text-align: left!important;} #wrapper #sticky-nav .fusion-megamenu-wrapper{ top: 32px!important;} } body #header-sticky.sticky-header #sticky-nav ul ul { top: 32px !important; } #header-sticky.sticky-header .main-nav-search-form { top: 32px!important; } #nav ul a, #sticky-nav ul a, .navigation li.current-menu-ancestor a { border-top: none!important;} Habt ihr eine Idee warum sich beim Mouseover über die Suchmaske das Menü um ein paar Pixel nach unten verschiebt? Gruß! |
Sponsored Links |
|
|||
Zitat:
HTML-Code:
.header-v5 #nav ul #main-nav-search-link, #sticky-nav-search-link.search-link { border-top: 3px solid rgba(0, 0, 0, 0)!important;} Danke! |
Sponsored Links |
Stichwörter |
header, sticky header, wordpress, zentrieren |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Header fixieren im Wordpress Theme? | Killaoptik | CSS | 0 | 01.05.2012 20:48 |
divs für wordpress theme | zeitgeisth | CSS | 34 | 23.02.2009 16:36 |
Header "Rahmen" kleiner machen, wie? | prokik | CSS | 1 | 17.08.2007 00:42 |