Horizontale Kategorienavigation neben Logo im Header

Thema wurde von Anonymous, 19. Dezember 2017 erstellt.

  1. Anonymous
    Anonymous Mitglied
    Registriert seit:
    19. Dezember 2017
    Beiträge:
    5
    Danke erhalten:
    0
    Danke vergeben:
    1
    Hallo Forum,

    in meinem Shop versuche ich derzeit, die horizontale Menünavigation zwischen dem Logo und dem Warenkorb zu platzieren.

    Im CSS habe ich bereits mit folgender Einstellung experimentiert. Leider ohne Erfolg:

    #header .navbar-categories {
    margin-top: -30px;
    }

    Derzeit ist die horizontale Position der Menüzeile schon ok. Ich müsste diese nur nach oben verschieben können, damit sie auf Höhe des Logos erscheint.

    Weiß jemand Rat?

    der Shop ist gerade online: (Link nur für registrierte Nutzer sichtbar.)

    Die Anzahl der Grids sowohl für Logo und Warenkorb steht auf 6. Der freigestaltbare Bereich ist deaktiviert.

    Vielen Dank
     
  2. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.669
    Danke erhalten:
    11.379
    Danke vergeben:
    1.618
    versuche es mal mit "margin-top: -50px;"
    und einem transparenten Hintergrund, damit der Balken rechts und links weg ist:
    Code:
    #header .navbar-categories {
        margin-top: -50px;
        background-color: transparent;
    }
     
  3. Anonymous
    Anonymous Mitglied
    Registriert seit:
    19. Dezember 2017
    Beiträge:
    5
    Danke erhalten:
    0
    Danke vergeben:
    1
    Hallo Barbara,

    vielen Dank für Deine schnelle Antwort. Leider hat sich das Menü nicht einen Pixel bewegt. Den grauen Hintergrund habe ich nur gewählt, um die Strukturen zu sehen. Habe es transparent gemacht und den Header mit weißem Hintergrund. Leider hat sich das Menü durch die Änderung nicht bewegt.

    Hast Du noch eine Idee?

    1000 Dank
     
  4. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.669
    Danke erhalten:
    11.379
    Danke vergeben:
    1.618
    Unbenannt.JPG

    Bei mir sieht das gut aus.
     
  5. Anonymous
    Anonymous Mitglied
    Registriert seit:
    19. Dezember 2017
    Beiträge:
    5
    Danke erhalten:
    0
    Danke vergeben:
    1
    Genauso hätte ich das auch gerne. Merkwürdig. Ich habe den Cache vom Browser gelöscht und auch verschiedene Browser probiert. Problem bleibt weiterhin bestehen.

    Verstehe das nicht...
     
  6. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.669
    Danke erhalten:
    11.379
    Danke vergeben:
    1.618
    Ich habe gerade noch einmal geschaut.
    Das ist alles auf einer Linie.
    Der Balken überdeckt den Warenkorb, bzw. ist ein schwarzer Korb auf schwarzen Grund nicht sichtbar.
    Da solltest Du noch einmal was ändern.
     
  7. Anonymous
    Anonymous Mitglied
    Registriert seit:
    19. Dezember 2017
    Beiträge:
    5
    Danke erhalten:
    0
    Danke vergeben:
    1
    Das ist echt ein Ding. Ich habe den alten Style gelöscht und einen neuen erstellt, um zu sehen, ob der Fehler dann vielleicht verschwindet. Habe alle Caches gelöscht (auch manuell auf dem Server und im Browser). Habe verschiedene Browser genutzt. Alle zeigen den selben Fehler an. Das Problem besteht nach wie vor. Nur auf meinem iPad wird das Menü richtig angezeigt.
    Nun habe ich eben mein anderes Notebook genommen. Dort wird es auch falsch angezeigt. Verstehe das alles irgendwie nicht.
     

    Anhänge:

  8. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.669
    Danke erhalten:
    11.379
    Danke vergeben:
    1.618
    Unbenannt.JPG

    Bei mir ist alles gut. Browser ist Chrome Version 63
    Vielleicht kann ja noch mal jemand anders schauen.
     
  9. Anonymous
    Anonymous Mitglied
    Registriert seit:
    19. Dezember 2017
    Beiträge:
    5
    Danke erhalten:
    0
    Danke vergeben:
    1
    Ich habe nun Google Chrome heruntergeladen und es sieht gut aus. Das ist ja echt verrückt. Blöd nur, dass die Mehrheit der Nutzer IE oder FF nutzt. Naja, ich werde dann mal vorerst mit Chrome weiterarbeiten. Danke Dir für die Unterstützung.
     
  10. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.669
    Danke erhalten:
    11.379
    Danke vergeben:
    1.618
    #10 barbara, 21. Dezember 2017
    Zuletzt bearbeitet: 21. Dezember 2017
    Der IE braucht schon immer eine Sonderbehandlung.
    Ich habe mir das mal im FF angesehen.
    Da wird zwar die Leiste nach oben verschoben, aber die Kategorien nicht.
    Unbenannt-1.JPG

    Selbst wenn ich bei den Kategorien ein margin-.top: -100px einfüge, rutscht das nicht wirklich nach oben....
     
  11. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.669
    Danke erhalten:
    11.379
    Danke vergeben:
    1.618
    Versuche mal. ob es damit geht:
    Code:
    .navbar-collapse .navbar-categories ul.navbar-nav {
        top: -60px;
    }
    Nachtrag:
    eventuell muss das margin-top dann raus, weil es sonst im Chrome zu hoch rutscht.