Sticky Navigation auf Artikeldetailseite

Shopware 5 Themes & Design
1

Hallo Leute :slight_smile:

ich bin gerade dabei mir ein eigenes Theme zu bauen. Ich bringe mir all das gerade selbst bei, bin also kein Profi auf diesem Gebiet :stuck_out_tongue:

Ich möchte gerne meine Navigation sticky haben, sprich beim scrollen soll NUR das Menü inkl. Icons oben stehen bleiben. (Logo nicht)

Das ist mir auch soweit gelungen, allerdings, sobald ich auf eine Artikeldetailseite wechsel, funktioniert es nicht mehr, die Navigation scrollt nach oben weg.

 

Habe mich schon hier durch das Forum und Google gesucht, allerdings keine Hilfe gefunden :confused:

.navigation-main{
    background: #000000;
    border-bottom: none;
    .unitize(line-height, 40);
    width: 100%;
    display: flex;
    position: sticky;
    z-index: 1010;
    top: 0;
    box-shadow: 0px 0px 5px 2px #000000;

Vielleicht wisst Ihr weiter :slight_smile: Danke vorab

2

Hallo evaping,

ist zwar schon etwas älter deine Frage, aber vielleicht ist sie ja noch aktuell.

Du musst das „overflow“ ändern, damit es auf der Detailseite funktioniert.

/* overflow ändern, damit das Stiky-Menü funktioniert */
@media screen and (min-width: 78.75em){
.is--ctl-detail .page-wrap {
    overflow-x: inherit;
}
}

Viele Grüße
Achim