Hallo
Die Balken verschieben das Design nicht automatisch, da sie absolut positioniert sind (so wie viele deiner übrigen Klassen auch).
Entweder musst du alles in einen oder mehrere Container packen oder du verschiebst die sich überlappenden Elemente einfach bis sie an der richtigen Stelle sitzen (Navigation also so weit nach unten/rechts, bis sie nicht mehr verdeckt wird).
Die prozentualen Größenangaben der Balken sind übrigens nur dann sinnvoll, wenn auch der Rest des Designs variabel ist (oder wenn die Balken - so wie im Beispielcode - über den ganzen Bildschirm reichen sollen). Wenn sie stattdessen - so wie bei dir - eine feste Größe haben sollen, solltest du besser Angaben in px verwenden, da sie sonst bei jedem Benutzer anders aussehen.
Gruß
FK
______________