Offcanvas fixieren

xxMIARUASTORFERxx · 5. Juni 2018

Ich designe gerade unsere Seite um. Dabei baue ich die Seite von Grund auf mit dem Helix Ultimate wieder neu auf. Ich stehe jetzt allerdings an einem Punkt, wo mein bisher erlerntes nicht mehr greift. Die Seite soll und ist Responsiv. Was ich allerdings möchte, das Symbol für das Offcanvas soll an der Stelle fixiert bleiben. Was derzeit passiert: das Symbol springt aus dem Header heraus. Es soll aber im Header auf der linken Seite verankert sein.

http://www.mia-ruastorfer.de/entwicklung/

xxMIARUASTORFERxx · 5. Juni 2018

http://entwicklung.mia-ruastorfer.de

xxMIARUASTORFERxx · 5. Juni 2018

Hier wäre ein Screenshot, um zu verdeutlichen, was ich meine.

Indigo66 · 5. Juni 2018

Füge die Positionierung in Deiner template.css Zeile 1281 hinzu.

Code

#offcanvas-toggler {
    display: block;
    height: 100px;
    line-height: 100px;
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 0;
}

xxMIARUASTORFERxx · 6. Juni 2018

Hallo guten Morgen, ich habe es versucht, allerdings ohne Erfolg. Ich frage jetzt mal in der Facebook-Gruppe nach,

xxMIARUASTORFERxx · 6. Juni 2018

Zitat von Indigo66

Füge die Positionierung in Deiner template.css Zeile 1281 hinzu.

Code

#offcanvas-toggler {
    display: block;
    height: 100px;
    line-height: 100px;
    font-size: 20px;
    position: absolute; - ersetzen durch fixed
    right: 0;
    top: 0;
}

Ich habe in der Facebookgruppe nachgefragt, und siehe da. Die Lösung habe ich bekommen. Die Position gehört auf fixed gesetzt. Dann funktioniert. Dankeschön.