Navigation und Überschriften responsive machen

  • Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

martinatina

Neues Mitglied
26 August 2020
8
0
1
19
Hallo :)
Ich komme bei 2 Sachen leider nicht weiter...

1.Wie schaffe ich es, die unterpunkte der Navigation vernünftig nach unten ausklappbar zu machen? Wenn man die Seite verkleinert sieht man eh direkt mein Problem :D

2.Wie schaffe ich es den Titel und den Text über dem Grid mit diesem beim verkleinern auf einer Linie beizubehalten, also dass sie quasi links gleich abschließen?

Ich habe den Code mal hier reingestellt:

https://jsfiddle.net/stL04wrn/27/#&togetherjs=Nzo6e7lA9h
 

tk1234

Neues Mitglied
2 September 2020
10
2
3
1.Wie schaffe ich es, die unterpunkte der Navigation vernünftig nach unten ausklappbar zu machen? Wenn man die Seite verkleinert sieht man eh direkt mein Problem :D
Nein, sieht man nicht … Welche Unterpunkte? Das Menü enthält nur zwei Punkte die bei Klick auf das Burgericon (die drei Striche) erscheinen. Dass das Icon nach oben rutscht hängt wohl mir irgendwelchen falschen margin/padding zusammen, das lässt sich in einem Fiddle aber nicht richtig untersuchen (über die Entwicklertools im Browser).
Übrigens: Pixel sind meistens die falsche Einheit, verwende relative Größen, z.B. em.

2.Wie schaffe ich es den Titel und den Text über dem Grid mit diesem beim verkleinern auf einer Linie beizubehalten, also dass sie quasi links gleich abschließen?
Meinst du h1 und h2? Die sind doch beide Linksbündig untereinander …
 

martinatina

Neues Mitglied
26 August 2020
8
0
1
19
Nein, sieht man nicht … Welche Unterpunkte? Das Menü enthält nur zwei Punkte die bei Klick auf das Burgericon (die drei Striche) erscheinen. Dass das Icon nach oben rutscht hängt wohl mir irgendwelchen falschen margin/padding zusammen, das lässt sich in einem Fiddle aber nicht richtig untersuchen (über die Entwicklertools im Browser).
Übrigens: Pixel sind meistens die falsche Einheit, verwende relative Größen, z.B. em.


Meinst du h1 und h2? Die sind doch beide Linksbündig untereinander …

Aber h1 und h2 sollen ja mit dem Grid mitrutschen wenn das Fenster kleiner oder größer gemacht wird
 
Werbung: