Hallo,

wenn ich die Bildschirm- / Sichtfläche verkleinere sodass nicht mehr alle Menüpunkte darauf passen, schiebt sich das Menü (Menüleiste im Header) jedesmal über den Content. Dies habe ich bislang einfach gelöst, indem ich gesetzt habe. Leider kann ich jedoch jetzt das Dropdown-Menü nicht mehr nutzen, da das overflow:hidden wohl auch dafür greift.

Wie kann ich das Dropdown-Menü wieder "frei bekommen"?
Vieieln Dank

Link zur Seite

Ein "frei bekommen" gibt es im CSS, bzw. für deine Seite so nicht. Man sollte auch nicht einfach so "irgendwelche" CSS-Eigenschaften lösen weil sie oberflächlich betrachtet eine Lösung darstellen. overflow:hidden macht nämlich das, was es sagt: Es "hided" (versteckt) alles, wenn es zu groß wird. Du gibts auch eine fixe Höhe an (52px), weshalb es sich nicht ordentlich anpassen kann.
Fixe Höhenangaben sind meistens unnötig, ein Element ist eben so hoch, wie der Inahlt. Und danach kommt eben das nächste Element (in deinem Fall der Content). Berücksichtigt man das, dann "schiebt sich auch nix drüber".

Du musst dich also entscheiden: Möchtest du fixe Höhen/Breiten vorgeben, dann verabschiede dich davon, die Seite responsive zu machen. Oder du machst die Seite responsive, dann verabschiede dich davon, fixe Höhen und! Breiten anzugeben (Gib eins von Beiden an und sorge dafür, dass in der anderen Richtung genug Platz für den Inhalt ist)
Beides geht nicht.

Hm o.k., da ist was dran. Es geht natürlich nur entweder oder.. Danke dir