Ergebnis 1 bis 4 von 4

Thema: Wordpress / Avada Theme / Sticky Header -> Zentrieren

  1. #1
    HTML Newbie
    Registriert seit
    04.06.2014
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Wordpress / Avada Theme / Sticky Header -> Zentrieren

    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-Code:
    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: www.ds.windrad-online.de
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: Wordpress / Avada Theme / Sticky Header -> Zentrieren

    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.

  3. #3
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: Wordpress / Avada Theme / Sticky Header -> Zentrieren

    Scheint ja zu funktionieren. Bitte, bitte.

  4. #4
    HTML Newbie
    Themenstarter

    Registriert seit
    04.06.2014
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Wordpress / Avada Theme / Sticky Header -> Zentrieren

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

    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;   }
    Die Anpassung zog noch allerlei mit sich.

    Gruß

Ähnliche Themen

  1. Problem mit Wordpress Theme
    Von AlibiPoster im Forum Webanwendungen - Webapplikationen
    Antworten: 3
    Letzter Beitrag: 05.02.2014, 17:38
  2. Wordpress Theme für KubaSeoTräume Webpräsenz gesucht
    Von Hirnhamster im Forum Eure Homepages und Foren - Vorstellung und Bewertungen
    Antworten: 3
    Letzter Beitrag: 09.06.2011, 20:56
  3. [suche] Suche Programmierer für Wordpress-Theme
    Von M.Zoellner im Forum Job Forum - Jobs für Grafiker, Programmierer und Webmaster
    Antworten: 3
    Letzter Beitrag: 19.02.2011, 09:16
  4. Sponsor für Wordpress Theme gesucht
    Von TomK32 im Forum Sponsor gesucht !
    Antworten: 0
    Letzter Beitrag: 19.03.2007, 21:08

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •