Wordpress / Avada Theme / Sticky Header -> Zentrieren

dstarship

Hallo,
ich möchte auf einer Webseite 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 % 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 wird mit:

HTML

float: none;
text-align: center;

zentriert, leider funktioniert das im Sticky Header nicht und ich weiß nicht warum.

Habt ihr eine Idee? Die Seite lautet: http://www.ds.windrad-online.de

djheke

Code

#nav ul li, #sticky-nav ul li {
    float: left;
    padding: 0px 35px 0px 0px;
    margin: 0px;
 }

Versuch mal in dieser Anweisung float:left durch display: inline-block; zu ersetzen. Dann sollte es funktionieren.

djheke

Scheint ja zu funktionieren. Bitte, bitte.

dstarship

Hallo, vielen Dank für deine Hilfe. Die Lösung war aber doch ein wenig komplizierter

HTML

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;   }

Alles anzeigen

Die Anpassung zog noch allerlei mit sich.

Gruß