|
|||
Sticky Header -> Zentrieren (Wordpress / Avada Theme 3.4.3)
Hallo,
ich möchte auf einer Webseite für einen Kunden den Sticky-Header zentrieren der beim herunter scrollen auftaucht. Besser gesagt das Menü in dessen. Alle meine Versuche das Menü mit float, margin oder positions tags zu zentrieren blieben bis jetzt absolut erfolglos. Bei Positionierungen in 50% verschiebt sich das Menü viel zu weit. Ich weiß nicht ob mir übergeordnete Tags dabei in die quere kommen. Ich will das Menü im Sticky Header auf der exakt gleichen Position wie das eigentliche Main-Menü der Seite haben. Das Main-Menu wird mit HTML-Code:
float: none; text-align: center; Habt ihr eine Idee? Die Seite lautet www.ds.windrad-online.de |
Sponsored Links |
|
|||
Folgendes machen:
- bei nav#nav, nav#sticky-nav das float: right entfernen - der ul darin gibst du text-align: center - die li und a Elemente bekommen display: inline und dürfen NICHT floaten Dann wirst du allerdings die Dropdowns noch etwas anpassen müssen, weil die neuen Styles sich natürlich auch auf die li's und a's darin auswirken. |
Sponsored Links |
|
|||
Hallo, danke für dein Antwort.
Doch leider funktioniert es immer noch nicht. Ich habe folgenden Code hinzugefügt: HTML-Code:
nav#nav, nav#sticky-nav { float: none!important;} nav#nav, nav#sticky-nav ul { text-align: center!important;} nav#nav, nav#sticky-nav li a { display: inline!important; float: none!important; } |
|
||||
Arbeite mit Kindselektoren Elternelement > Kindelement Dann betrifft eine Regel auch nur die Elemente erster Ebene.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
|
|||
hallo nochmal,
ich weiß zwar das ich mit child-elementen arbeiten muss, nur weiß ich nicht welches tag ich direkt ansprechen muss, oder welches ich auslassen muss. Bei mir zerstückelt sich alles, jedoch ohne erwünschtes Ergebnis. Muss ich nur das erste Tag ansprechen mit :nth-child(1) ? Mein jetziger Code schaut so aus: HTML-Code:
nav#nav, nav#sticky-nav { float: none!important;} nav#nav, nav#sticky-nav ul { text-align: center!important;} nav#nav, nav#sticky-nav li, nav#sticky-nav li a { display: inline!important; float: none!important; } |
Sponsored Links |
|
|||
Achso ihr meint mit den '>' und '<' elementen
HTML-Code:
nav#nav, nav#sticky-nav { float: none!important;} nav#nav, nav#sticky-nav > ul { text-align: center!important;} nav#nav, nav#sticky-nav > li, nav#sticky-nav li > a { display: inline!important; float: none!important; } |
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 |