Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Module ›

[gelöst] Fluid Typography <---> responsive Menu

Eingetragen von tetri999 (153)
am 28.03.2019 - 15:59 Uhr in
  • Module
  • Drupal 8.x

Hallo,

ich habe - wie hier beschrieben - die Fluid Typography-Technik eingesetzt,
d.h. die in CSS für verschiedene Elemente festgelegten Schriftgrößen werden innerhalb bestimmter Grenzen kontinuierlich mit der viewport-Größe skaliert.
Das funktioniert soweit wunderbar.

Das Problem:
das responsive Menu (left-off-canvas) berücksichtigt diese Skalierung nicht - also das Hamburger-Menu bei Mobil-Geräten,
d.h. wenn das Menü mehrere Ebenen mit verschieden vielen Unterelementen hat, paßt es sich nicht mehr genau an die durch die Skalierung veränderte Gesamthöhe an (bleibt zu hoch - trotz height:auto).

Hat jemand eine Idee, wie man das korigieren kann?

mfG, Michael

‹ Fehler bei: Video einbetten in D8 [gelöst] Fluid Typography <---> responsive Menu ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Ich würde statt px mit vh bzw

Eingetragen von dinmikkith (1291)
am 28.03.2019 - 18:06 Uhr

Ich würde statt px mit vh bzw vw arbeiten und sehen, was passiert.

Siehe: https://www.drweb.de/neue-css-einheiten-fuer-responsive-designs-47490/

https://drupal-tv.de
Drupal sehen und lernen

  • Anmelden oder Registrieren um Kommentare zu schreiben

Perfekt!

Eingetragen von tetri999 (153)
am 28.03.2019 - 19:15 Uhr

ich habe die Starteinstellungen so geändert:

$min_width: 320px;
$max_width: 1200px;
$min_font: 0.75rem; /* STATT 12px; */
$max_font: 1rem;    /* STATT 16px; */
html {
    @include fluid-type($min_width, $max_width, $min_font, $max_font);  /* https://css-tricks.com/snippets/css/fluid-typography */
}
funktioniert perfekt!

Vielen Dank für den Hinweis,
Michael

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • Preloader / Spnner entfernen Menu Link Modal-Modul
  • Schriftgröße standard einstellen
  • PHP 8.1 - Deprecated function: rtrim()
  • Drupal Website gestalten
  • MariaDB 10.6
  • Entity Reference - Title Felder werden als Link angezeigt
  • Tokens werden in Viev als Link angezeigt
  • [bug entdeckt & workaround gefunden] benutzerdefinierte Felder vom Userprofil tauchen ungefragt auch in den Forumtopics auf...
  • [gelöst] Mass contact Empfängerliste nach Taxonomy Term statt Rolle
  • Update V. 9.3.12 auf V. 9.4 mit Fehler: Modul mySQL fehlt. Bitte Hilfe.
  • Sprachpfad, in Drupal Korrekt einstellen, auch bei den Meta-Tags
  • Update von Drupal 9.3 auf 9.4 oder bei 9.3 bleiben
Weiter

Neue Kommentare

  • core_version_requirement: ^8
    vor 1 Tag 15 Stunden
  • core_version_requirement: ^8
    vor 1 Tag 15 Stunden
  • ok. Wenn ich das mache
    vor 1 Tag 15 Stunden
  • Bei gleichem Namen hat das
    vor 1 Tag 16 Stunden
  • Sorry, dass ich mich hier
    vor 1 Tag 16 Stunden
  • Habe Patch versucht
    vor 1 Tag 23 Stunden
  • Hier wird ein Patsch
    vor 2 Tagen 1 Stunde
  • Mit Drupal geht das um 150
    vor 2 Tagen 12 Stunden
  • Ah, ok. Wenn es ein Paragraph
    vor 3 Tagen 12 Stunden
  • Also kleiner Nachtrag noch:
    vor 3 Tagen 13 Stunden

Statistik

Beiträge im Forum: 247864
Registrierte User: 19591

Neue User:

  • kudes
  • Tkakah
  • JeraldFub

» Alle User anzeigen

User nach Punkten sortiert:
wla9213
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3845
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 2 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association