Hauptnavi überlagert Logo

Thema wurde von Robin_Fast, 1. März 2016 erstellt.

  1. Robin_Fast
    Robin_Fast Aktives Mitglied
    Registriert seit:
    17. Oktober 2015
    Beiträge:
    36
    Danke erhalten:
    1
    Danke vergeben:
    10
    Mein horizontales Menü überlagert mein Logo: http://www.shop.the-art-of-wild.com/

    Ich komme einfach nicht klar mit der Logoanpassung. Mein Logo ist 150px * 150px.
    Ich bekomme einfach keinen Abstand nach unten zwischen Logo und Hauptnavi.

    Kann mir jemand helfen?

    V 2.7.1.2
     
  2. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.627
    Danke erhalten:
    11.348
    Danke vergeben:
    1.614
    Das könnte helfen:
    Code:
    .row, .total-box table tr.total {
        height: 110px;
    }
    Wobei dann auch der Bereich darunter einen anderen Margin-Wert braucht, weil der header weiter nach unten rutscht.
     
  3. Robin_Fast
    Robin_Fast Aktives Mitglied
    Registriert seit:
    17. Oktober 2015
    Beiträge:
    36
    Danke erhalten:
    1
    Danke vergeben:
    10
    Hallo Barbara,

    danke, vom Prinzip ist das schon gut. Was mich jetzt immer noch stört, ist dass die Hauptnavi jetzt im Bild hängt. Ich habe es schon mit padding probiert, aber dann verzieht es einiges andere auch.

    Auch die Sticky Darstellung leidet darunter.
     
  4. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.627
    Danke erhalten:
    11.348
    Danke vergeben:
    1.614
    Versuche es mal bitte damit:
    Code:
    #wrapper {
        margin-top: 25px;
    }
     
  5. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    16. Januar 2016
    Beiträge:
    656
    Danke erhalten:
    116
    Danke vergeben:
    20
    #5 Anonymous, 1. März 2016
    Zuletzt bearbeitet: 1. März 2016
    Wäre es nicht angenehmer statt

    und


    lieber

    Code:
    div.inside > row {
    padding-bottom: 50px; /* Oder was auch immer */
    }
    
    Damit überlagerst du nur dieses eine .row Element und nicht alle oder nur

    Code:
    div.inside {
    padding-bottom: 50px; /* Oder was auch immer */
    }