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!
Forenspende

 

Spenden über PayPal

Ein Forum zu betreiben, erfordert ein hohes Maß an Zeit, Kraft und Aufmerksamkeit. 

Das Team von Jimdo-Forum arbeitet hinter den Kulissen sehr engagiert daran,
die erforderlichen Aufgaben zu erfüllen, um dir und den
anderen Forenmitgliedern ein tolles Forenerlebnis zu ermöglichen.

 Wir freuen uns, dass du dich dazu entschlossen hast, unser Forum mit deiner Spende zu unterstützen!

...hier ist der direkte Spendenlink
für unsere Kaffeekasse!