Sidney - Navigation nach Klick ausblenden

15.11.2022 15:56
avatar  sgrafik
#1
avatar

Hallo liebe Community.
Ich habe wieder einmal eine Frage. Diesmal zum Template «Sidney» - mit der seitlichen Navigation.
Für einen One-Pager möchte ich nach einem Klick auf die Navigation, diese wieder verschwinden lassen ... Meine Recherche hat leider nichts ergeben, aber ich bin sicher, dass mir hier jemand helfen kann.

Link zur Website

Vielen Dank!


 Antworten

 Beitrag melden
17.11.2022 15:23
avatar  az_
#2
avatar
az_

display:none = ausblenden (CSS)

onclick = auf Klick (jQuery)

Google findet alles...

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
18.11.2022 10:26
avatar  sgrafik
#3
avatar

Naja das hilft mir nicht wirklich weiter, denn ich will es ja nicht ausblenden - so wäre es ja weg ... sondern: (sorry - vielleicht auch missverständlich formuliert ...) es sollte sich in den Ursprungszustand zurückversetzen.
Das macht es allem Anschein nach leider nur bei Links und nicht bei Ankern.

Und leider kann ich die gefundenenen Informationen nicht richtig zusammenstellen ... mein Programmierwissen beschränkt sich in etwa auch CmdC / CmdV ...
Vielen Dank für die weitere Unterstützung

@az_ du kannst mir auch ein Angebot machen: Was würde es kosten einen solchen code zum reinkopieren zu erhalten?


 Antworten

 Beitrag melden
18.11.2022 10:58 (zuletzt bearbeitet: 18.11.2022 11:01)
avatar  az_
#4
avatar
az_

...dafür musst Du mich bitte per e-mail Kontaktieren. Aber ich verstehe noch nicht ganz, was genau Du erreichen möchtest.

Schau mal auf: https://agnes-morguet.jimdofree.com/ - hier haben wir für den Desktop-Bereich einen Button wie für eine Hamburger-Navigation eingesetzt. Klick drauf, kommt Navi. Klick nochmal, Navi weg.

Wäre das etwas für Dich?

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
18.11.2022 18:09 (zuletzt bearbeitet: 18.11.2022 18:12)
avatar  az_
#5
avatar
az_

...kann leider hierfür auch keine schnelle Lösung finden.

Sehr gute Arbeit aber, finde ich. Gratulation!

...vielleicht möchtest Du auf https://www.gregor-staeuble.ch/ das Sidebar-scrolling und das rechts-links scrolling noch unterbinden?

1
2
3
4
5
6
7
 
.cc-pagemode-default section.jtpl-section-aside.navigation-colors {
overflow-y:hidden !important
}
 
.cc-pagemode-default #cc-inner {
overflow-x:hidden !important
}
 




LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
21.11.2022 09:17
avatar  sgrafik
#6
avatar

Vielen Dank für die Anernkennung und den Tip - aber nein: das Scrolling möschte ich behalten, sonst verschwindet auf kleinen Screens (z.B. Mobile: Quere Ansicht) der untere Bereich der Navigation - oder etwa nicht.

Höre ich noch etwas von dir betreffend meiner Mailanfrage? für eine weniger schnelle Lösung?
Dank und Grüsse


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!