Zusätzliche Navigationsleiste bei kleinen Bildschirmen verbergen

20.12.2018 18:14

Moni
#1

Hallo, ich habe mich an einem zusätzlichen Menu für einen Blogartikel versucht. Mittels Sprungmarken geht es zu bestimmten Stellen im Text. Dieses "Inhaltsverzeichnis" möchte ich nun gerne bei größeren Monitoren immer an der selben Stelle links anzeigen (mittels position: fixed), bei Smartphones überdeckt es so allerdings den ganzen restlichen Inhalt.
Kann ich einfach mittels einer Art Auswahl lösen:

if - Monitor größer als xy Pixel: zeig das auf diese Art an
else - das Inhaltsverzeichnis verschwindet beim runterscrollen

Oder zweimal display: none?

Oder gibt es eine viel bessere Variante, so etwas in der ARt zu realisieren? Stichpunkte reichen erstmal, ich brauche neue Google-Ideen.

Meine Testseite ist hier: https://zweihundertvierbar.jimdo.com/china6/

Vielen Dank schonmal!

Antworten

Beitrag melden

23.12.2018 15:06 (zuletzt bearbeitet: 23.12.2018 15:08)

az_
#2

az_

Deine Idee ist goldrichtig! wir benutzen dazu CSS Media-Queries:

Bei den meisten Jimdo Designs ist @media (max-width:767px) {...} für die mobilen Ansichten die richtige Weiche. Alles, was zwischen den geschweiften Klammern steht, gilt dann nur für Mobil.

Den richtigen Umgang mit Media-Queries kannst du auch googeln. gibt jede Menge Infos dazu im Netz, grade auch in Verbindung mit Jimdo.

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